@fluentui-copilot/react-preview 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPreviewHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPreviewHeader_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderPreviewHeader_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.citation && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.citation, {}),
+            state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
+            state.actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actions, {})
+        ]
+    });
+};

package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPreviewHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PreviewHeaderState, PreviewHeaderSlots } from './PreviewHeader.types';\n\n/**\n * Render the final JSX of PreviewHeader\n */\nexport const renderPreviewHeader_unstable = (state: PreviewHeaderState): JSXElement => {\n  assertSlots<PreviewHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && <state.actions />}\n    </state.root>\n  );\n};\n"],"names":["renderPreviewHeader_unstable","state","assertSlots","_jsxs","root","citation","_jsx","media","label","actions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE4B;AAOrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,QAAQ,EAAA,CAAA;YACjCJ,MAAMM,KAAK,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,KAAK,EAAA,CAAA;0BAC5BD,IAAAA,eAAA,EAACL,MAAMO,KAAK,EAAA,CAAA;YACXP,MAAMQ,OAAO,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,OAAO,EAAA,CAAA;;;AAGtC"}

package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePreviewHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePreviewHeader_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _usePreviewHeaderStylesstyles = require("./usePreviewHeaderStyles.styles");
+const usePreviewHeader_unstable = (props, ref)=>{
+    var _state_media;
+    const { actions, children, citation, label, media } = props;
+    const mediaId = (0, _reactcomponents.useId)('media');
+    const state = {
+        components: {
+            root: 'div',
+            actions: 'div',
+            citation: 'span',
+            label: 'span',
+            media: 'div'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        actions: _reactcomponents.slot.optional(actions, {
+            elementType: 'div'
+        }),
+        citation: _reactcomponents.slot.optional(citation, {
+            elementType: 'span'
+        }),
+        label: _reactcomponents.slot.always(label, {
+            defaultProps: {
+                children
+            },
+            elementType: 'span'
+        }),
+        media: _reactcomponents.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 && /*#__PURE__*/ _react.isValidElement(state.media.children)) {
+        state.media.children = /*#__PURE__*/ _react.cloneElement(state.media.children, {
+            className: (0, _reactcomponents.mergeClasses)(state.media.children.props.className, _usePreviewHeaderStylesstyles.previewHeaderExtraClassNames.mediaChild)
+        });
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';\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<HTMLDivElement>,\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      getIntrinsicElementProps('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":["usePreviewHeader_unstable","props","ref","state","actions","children","citation","label","media","mediaId","useId","components","root","slot","always","getIntrinsicElementProps","elementType","optional","defaultProps","id","concat","React","isValidElement","cloneElement","className","mergeClasses","previewHeaderExtraClassNames","mediaChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;iCAC6C;8CACvB;AAYtC,MAAMA,4BAA4B,CACvCC,OACAC;QAqCIC;IAnCJ,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP;IAEtD,MAAMQ,UAAUC,IAAAA,sBAAAA,EAAM;IAEtB,MAAMP,QAA4B;QAChCQ,YAAY;YACVC,MAAM;YACNR,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAI,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9Bb;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;QAEvBZ,SAASS,qBAAAA,CAAKI,QAAQ,CAACb,SAAS;YAAEY,aAAa;QAAM;QACrDV,UAAUO,qBAAAA,CAAKI,QAAQ,CAACX,UAAU;YAAEU,aAAa;QAAO;QACxDT,OAAOM,qBAAAA,CAAKC,MAAM,CAACP,OAAO;YACxBW,cAAc;gBACZb;YACF;YACAW,aAAa;QACf;QACAR,OAAOK,qBAAAA,CAAKI,QAAQ,CAACT,OAAO;YAC1BU,cAAc;gBACZC,IAAIV;YACN;YACAO,aAAa;QACf;IACF;IAEA,IAAA,AAAIb,CAAAA,eAAAA,MAAMK,KAAK,AAALA,MAAK,QAAXL,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAagB,EAAE,EAAE;YACehB;YAAAA;QAAlCA,MAAMI,KAAK,CAAC,mBAAmB,GAAGJ,CAAAA,sCAAAA,CAAAA,+BAAAA,MAAMI,KAAK,CAAC,mBAAmB,AAAnB,MAAmB,QAA/BJ,iCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,6BAAiCiB,MAAM,CAACjB,MAAMK,KAAK,CAACW,EAAE,CAAA,MAAA,QAAtDhB,wCAAAA,KAAAA,IAAAA,sCAA2DA,MAAMK,KAAK,CAACW,EAAE;IAC7G;IAEA,IAAIhB,MAAMK,KAAK,kBAAIa,OAAMC,cAAc,CAAcnB,MAAMK,KAAK,CAACH,QAAQ,GAAG;QAC1EF,MAAMK,KAAK,CAACH,QAAQ,iBAAGgB,OAAME,YAAY,CAACpB,MAAMK,KAAK,CAACH,QAAQ,EAAE;YAC9DmB,WAAWC,IAAAA,6BAAAA,EAAatB,MAAMK,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAACuB,SAAS,EAAEE,0DAAAA,CAA6BC,UAAU;QACvG;IACF;IAEA,OAAOxB;AACT"}

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

@@ -0,0 +1,111 @@
+"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 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.__resetStyles)("ry18yy9", null, [
+    ".ry18yy9{grid-row:1;justify-self:end;}"
+]);
+const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("ry1eqmj", null, [
+    ".ry1eqmj{grid-row:1;}"
+]);
+const useLabelBaseClassName = (0, _reactcomponents.__resetStyles)("rattnj5", null, [
+    ".rattnj5{align-self:start;display:-webkit-box;grid-row:1/3;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);}",
+    ".rattnj5 .fui-Link{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);}",
+    ".rattnj5 .fui-Link:hover{color:var(--colorNeutralForeground3Hover);}",
+    ".rattnj5 .fui-Link:hover:active{color:var(--colorNeutralForeground3Pressed);}"
+]);
+const useMediaBaseClassName = (0, _reactcomponents.__resetStyles)("rcisese", null, [
+    ".rcisese{grid-row:1;height:16px;line-height:0;width:16px;}",
+    ".rcisese>.fai-PreviewHeader__mediaChild{height:16px;width:16px;}"
+]);
+const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1xjnine", null, [
+    ".r1xjnine{align-items:center;column-gap:var(--spacingHorizontalXS);display:grid;grid-template-rows: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.__styles)({
+    onlyLabel: {
+        Budl1dq: "f1c2z91y"
+    },
+    previousAndLabel: {
+        Budl1dq: "f157hhv8"
+    },
+    labelAndActions: {
+        Budl1dq: "fkdjblp"
+    },
+    citationMediaLabel: {
+        Budl1dq: "f1ydiic3"
+    },
+    previousLabelActions: {
+        Budl1dq: "fn2gjqi"
+    },
+    all: {
+        Budl1dq: "f10lv8pf"
+    }
+}, {
+    d: [
+        ".f1c2z91y{grid-template-columns:1fr;}",
+        ".f157hhv8{grid-template-columns:min-content 1fr;}",
+        ".fkdjblp{grid-template-columns:1fr min-content;}",
+        ".f1ydiic3{grid-template-columns:min-content min-content 1fr;}",
+        ".fn2gjqi{grid-template-columns:min-content 1fr min-content;}",
+        ".f10lv8pf{grid-template-columns: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;
+}; //# sourceMappingURL=usePreviewHeaderStyles.styles.js.map

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.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","lineHeight","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","useActionsBaseClassName","makeResetStyles","gridRow","__resetStyles","justifySelf","useMediaBaseClassName","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","Budl1dq","linkClassNames","colorNeutralForeground3","state","height","width","labelBaseClassName","mediaBaseClassName","useRootBaseClassName","alignItems","useRootStyles","columnGap","spacingHorizontalXS","gridTemplateRows","className","mergeClasses","actionsBaseClassName","citationPresent","makeStyles","onlyLabel","gridTemplateColumns","citationBaseClassName","previousAndLabel","labelAndActions","citationMediaLabel","rootBaseClassName","mediaPresent","actionsPresent","rootStyles","previousLabelActions","all"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,uBAAAA;eAAAA;;IAQAC,4BAAAA;eAAAA;;IA8CXC,+BAAY;eAAZA;;;iCA5DgB;AAMX,MAAMF,0BAA8D;UACzEG;aACAC;cACAC;WACAC;WACAC;AACF;AAEO,MAAMN,+BAA+B;gBAC1CO;AACF;AAEA,MAAMC,gBAAgBC,iCAAAA,CAAiBC,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBH,iCAAAA,CAAiBC,cAAc,CAACT,UAAU;AAElE,MAAMY,0BAA0BC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC9CC,2BAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,wBAAaD,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AACf,MAAAE,wBAAAF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAEA,MAAMG,uBAAAA,IAAAA,8BAA2BL,EAAAA,YAAgB,MAAA;IAAA;CAAA;yHACtC;AACX,iHAAA;AAEA,MAAMM,gBAAAA,IAAAA,yBAAwBN,EAAAA;eAC5BO;QACAC,SAAS;;sBAEE;QACXC,SAAA;;qBAEW;QAEXA,SAAA;;wBAGGd;QAEHc,SAAOC;;0BAESC;iBAEd;;;iBAGA;;;OAGF;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AACF;AAKExB,MAAAA,kCAAYyB,CAAAA;;UAIVC,uBAAQd;UACRe,wBAAOT;UACTU,qBAAAT;IACF,MAAAU,qBAAAZ;IAEA,MAAMa,oBAAAA;UACJC,aAAYC;QACZC,iBAAkBC;QAClBb,MAAAA,OAAS,EAAA;QACTc,iBAAAA;QACFV,MAAAvB,OAAA,CAAAkC,SAAA,GAAAC,IAAAA,6BAAA,EAAAvC,wBAAAI,OAAA,EAAAoC,sBAAAb,MAAAvB,OAAA,CAAAkC,SAAA;IAEA;IACA,IAAAG,kBAAA;IACA,IAAMP,MAAAA,QAAAA,EAAgBQ;QACpBC,kBAAW;cACTC,QAAAA,CAAAA,SAAAA,GAAqBL,IAAAA,6BAAA,EAAAvC,wBAAAK,QAAA,EAAAwC,uBAAAlB,MAAAtB,QAAA,CAAAiC,SAAA;;UAEvBQ,KAAAA,CAAAA,SAAkB,GAAAP,IAAAA,6BAAA,EAAAvC,wBAAAM,KAAA,EAAAwB,oBAAAH,MAAArB,KAAA,CAAAgC,SAAA;uBAChBM;QACFjB,MAAApB,KAAA,EAAA;QACAwC,eAAAA;cACEH,KAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAAqB,EAAA5C,wBAAAO,KAAA,EAAAwB,oBAAAJ,MAAApB,KAAA,CAAA+B,SAAA;;UAEvBU,IAAAA,CAAAA,SAAAA,GAAoBT,IAAAA,6BAAA,EAAAvC,wBAAAG,IAAA,EAAA8C,mBAAA,CAAAR,mBAAA,CAAAS,gBAAA,CAAAC,kBAAAC,WAAAT,SAAA,EAAA,AAAAF,CAAAA,mBAAA,CAAAS,gBAAAA,gBAAA,CAAAT,eAAA,KAAA,CAAAU,kBAAAC,WAAAN,gBAAA,EAAA,CAAAL,mBAAA,CAAAS,gBAAAC,kBAAAC,WAAAL,eAAA,EAAAN,mBAAAS,gBAAA,CAAAC,kBAAAC,WAAAJ,kBAAA,EAAA,AAAAP,CAAAA,mBAAA,CAAAS,gBAAAA,gBAAA,CAAAT,eAAA,KAAAU,kBAAAC,WAAAC,oBAAA,EAAAZ,mBAAAS,gBAAAC,kBAAAC,WAAAE,GAAA,EAAA3B,MAAAxB,IAAA,CAAAmC,SAAA;WAClBM;4DAEoB"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PreviewMetadata", {
+    enumerable: true,
+    get: function() {
+        return PreviewMetadata;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _usePreviewMetadata = require("./usePreviewMetadata");
+const _renderPreviewMetadata = require("./renderPreviewMetadata");
+const _usePreviewMetadataStylesstyles = require("./usePreviewMetadataStyles.styles");
+const PreviewMetadata = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePreviewMetadata.usePreviewMetadata_unstable)(props, ref);
+    (0, _usePreviewMetadataStylesstyles.usePreviewMetadataStyles_unstable)(state);
+    return (0, _renderPreviewMetadata.renderPreviewMetadata_unstable)(state);
+});
+PreviewMetadata.displayName = 'PreviewMetadata';

package/lib-commonjs/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.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

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

package/lib-commonjs/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":[],"rangeMappings":";;","mappings":"AA+BA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"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, {
+    PreviewMetadata: function() {
+        return _PreviewMetadata.PreviewMetadata;
+    },
+    previewMetadataClassNames: function() {
+        return _usePreviewMetadataStylesstyles.previewMetadataClassNames;
+    },
+    renderPreviewMetadata_unstable: function() {
+        return _renderPreviewMetadata.renderPreviewMetadata_unstable;
+    },
+    usePreviewMetadataStyles_unstable: function() {
+        return _usePreviewMetadataStylesstyles.usePreviewMetadataStyles_unstable;
+    },
+    usePreviewMetadata_unstable: function() {
+        return _usePreviewMetadata.usePreviewMetadata_unstable;
+    }
+});
+const _PreviewMetadata = require("./PreviewMetadata");
+const _renderPreviewMetadata = require("./renderPreviewMetadata");
+const _usePreviewMetadata = require("./usePreviewMetadata");
+const _usePreviewMetadataStylesstyles = require("./usePreviewMetadataStyles.styles");

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPreviewMetadata_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPreviewMetadata_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderPreviewMetadata_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.primaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryText, {}),
+            state.secondaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondaryText, {}),
+            state.tertiaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.tertiaryText, {}),
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/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 { JSXElement } 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): JSXElement => {\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":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE4B;AAOrB,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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePreviewMetadata_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePreviewMetadata_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const usePreviewMetadata_unstable = (props, ref)=>{
+    const { icon, primaryText, secondaryText, tertiaryText } = props;
+    return {
+        components: {
+            root: 'div',
+            icon: 'span',
+            primaryText: 'span',
+            secondaryText: 'span',
+            tertiaryText: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        icon: _reactcomponents.slot.optional(icon, {
+            elementType: 'span'
+        }),
+        primaryText: _reactcomponents.slot.optional(primaryText, {
+            elementType: 'span'
+        }),
+        secondaryText: _reactcomponents.slot.optional(secondaryText, {
+            elementType: 'span'
+        }),
+        tertiaryText: _reactcomponents.slot.optional(tertiaryText, {
+            elementType: 'span'
+        })
+    };
+};

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

@@ -0,0 +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":["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"}