@fluentui-copilot/react-reference 0.15.4 → 0.15.5-hotfix.1

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Mon, 19 May 2025 18:03:24 GMT",
+      "date": "Tue, 12 Aug 2025 16:09:22 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.15.5-hotfix.1",
+      "version": "0.15.5-hotfix.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 May 2025 16:45:32 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.15.5",
+      "version": "0.15.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "5f0ad3bf1731d25041cfd0b24d690201799162a5",
+            "comment": "Citation: Add padding to prevent numbers from touching the border"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:28 GMT",
       "tag": "@fluentui-copilot/react-reference_v0.15.4",
       "version": "0.15.4",
       "comments": {

package/CHANGELOG.md

@@ -1,9 +1,27 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Sat, 03 May 2025 01:27:44 GMT and should not be manually modified.
+This log was last generated on Tue, 12 Aug 2025 16:09:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.15.5-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.15.5-hotfix.1)
+
+Tue, 12 Aug 2025 16:09:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.15.5..@fluentui-copilot/react-reference_v0.15.5-hotfix.1)
+
+### Changes
+
+- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+
+## [0.15.5](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.15.5)
+
+Wed, 28 May 2025 16:45:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.15.4..@fluentui-copilot/react-reference_v0.15.5)
+
+### Patches
+
+- Citation: Add padding to prevent numbers from touching the border ([PR #3054](https://github.com/microsoft/fluentai/pull/3054) by mgodbolt@microsoft.com)
+
 ## [0.15.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.15.3)
 
 Sat, 03 May 2025 01:27:44 GMT 

package/lib/Citation.js

@@ -1,2 +1 @@
 export { Citation, citationClassNames, renderCitation_unstable, useCitationStyles_unstable, useCitation_unstable } from './components/Citation/index';
-//# sourceMappingURL=Citation.js.map

package/lib/Reference.js

@@ -1,2 +1 @@
 export { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './components/Reference/index';
-//# sourceMappingURL=Reference.js.map

package/lib/ReferenceGroupToggle.js

@@ -1,2 +1 @@
 export { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './components/ReferenceGroupToggle/index';
-//# sourceMappingURL=ReferenceGroupToggle.js.map

package/lib/ReferenceList.js

@@ -1,2 +1 @@
 export { ReferenceList, referenceListClassNames, referenceListItemClassName, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/ReferenceList/index';
-//# sourceMappingURL=ReferenceList.js.map

package/lib/ReferenceListV2.js

@@ -1,2 +1 @@
 export { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/reference-v2/ReferenceList/index';
-//# sourceMappingURL=ReferenceListV2.js.map

package/lib/ReferenceOverflowButton.js

@@ -1,2 +1 @@
 export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './components/reference-v2/ReferenceOverflowButton/index';
-//# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib/ReferenceV2.js

@@ -1,2 +1 @@
 export { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './components/reference-v2/Reference/index';
-//# sourceMappingURL=ReferenceV2.js.map

package/lib/components/Citation/Citation.js

@@ -4,11 +4,10 @@ import { renderCitation_unstable } from './renderCitation';
 import { useCitationStyles_unstable } from './useCitationStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // Citation component - TODO: add more docs
-export const Citation = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useCitation_unstable(props, ref);
-  useCitationStyles_unstable(state);
-  useCustomStyleHook('useCitationStyles')(state);
-  return renderCitation_unstable(state);
+export const Citation = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useCitation_unstable(props, ref);
+    useCitationStyles_unstable(state);
+    useCustomStyleHook('useCitationStyles')(state);
+    return renderCitation_unstable(state);
 });
 Citation.displayName = 'Citation';
-//# sourceMappingURL=Citation.js.map

package/lib/components/Citation/Citation.types.js

@@ -1,4 +1,3 @@
 /**
  * State used in rendering Citation
- */export {};
-//# sourceMappingURL=Citation.types.js.map
+ */ export { };

package/lib/components/Citation/index.js

@@ -2,4 +2,3 @@ export { Citation } from './Citation';
 export { renderCitation_unstable } from './renderCitation';
 export { useCitation_unstable } from './useCitation';
 export { citationClassNames, useCitationStyles_unstable } from './useCitationStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Citation/renderCitation.js

@@ -1,10 +1,8 @@
-import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of Citation
- */
-export const renderCitation_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsx(state.root, {});
+ */ export const renderCitation_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
 };
-//# sourceMappingURL=renderCitation.js.map

package/lib/components/Citation/useCitation.js

@@ -9,32 +9,26 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of Citation
  * @param ref - reference to root HTMLElement of Citation
- */
-export const useCitation_unstable = (props, ref) => {
-  const {
-    referenceHref,
-    block = false,
-    ...otherProps
-  } = props;
-  const designVersion = useDesignVersion(props.designVersion);
-  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'];
-  const state = {
-    block,
-    designVersion,
-    isPopoverLocked,
-    components: {
-      root: 'a'
-    },
-    root: slot.always(getIntrinsicElementProps('a', {
-      ref,
-      href: referenceHref,
-      role: undefined,
-      'aria-expanded': undefined,
-      ...otherProps
-    }), {
-      elementType: 'a'
-    })
-  };
-  return state;
+ */ export const useCitation_unstable = (props, ref)=>{
+    const { referenceHref, block = false, ...otherProps } = props;
+    const designVersion = useDesignVersion(props.designVersion);
+    const isPopoverLocked = usePreviewContext_unstable((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'];
+    const state = {
+        block,
+        designVersion,
+        isPopoverLocked,
+        components: {
+            root: 'a'
+        },
+        root: slot.always(getIntrinsicElementProps('a', {
+            ref,
+            href: referenceHref,
+            role: undefined,
+            'aria-expanded': undefined,
+            ...otherProps
+        }), {
+            elementType: 'a'
+        })
+    };
+    return state;
 };
-//# sourceMappingURL=useCitation.js.map

package/lib/components/Citation/useCitationStyles.styles.js

@@ -3,7 +3,7 @@ import { tokens } from '@fluentui-copilot/tokens';
 export const citationClassNames = {
   root: 'fai-Citation'
 };
-const useCitationBaseClassName = __resetStyles("rm97deu", "r1tpe5pt", [".rm97deu{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}", ".rm97deu:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".rm97deu:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}", ".r1tpe5pt{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}", ".r1tpe5pt:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".r1tpe5pt:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}"]);
+const useCitationBaseClassName = __resetStyles("rf7wmfm", "r9ecysy", [".rf7wmfm{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}", ".rf7wmfm:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".rf7wmfm:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}", ".r9ecysy{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}", ".r9ecysy:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".r9ecysy:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}"]);
 const useCitationRootStyles = __styles({
   isBlock: {
     mc9l5x: "f22iagw",

package/lib/components/Citation/useCitationStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","typographyStyles","tokens","citationClassNames","root","useCitationBaseClassName","display","justifyContent","boxSizing","alignItems","cursor","caption2Strong","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","borderRadius","borderRadiusMedium","textDecoration","marginLeft","spacingHorizontalXXS","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","isBlock","isPopoverLocked","colorBrandBackground2","useNextStyles","borderRadiusXLarge","useCitationStyles_unstable","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,6BAA6B;AACrH,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGT,iBAAiBU,cAAc;IAElCC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IACvEC,OAAOf,OAAOgB,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEpB,iBAAiBU,cAAc,CAACW,UAAU,CAAC,GAAG,EAAErB,iBAAiBU,cAAc,CAACY,QAAQ,CAAC,MAAM,CAAC;IAExHC,cAActB,OAAOuB,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYzB,OAAO0B,oBAAoB;IACvCC,aAAa3B,OAAO0B,oBAAoB;IAExC,UAAU;QACRlB,QAAQ;QACRO,OAAOf,OAAO4B,0BAA0B;QACxCC,aAAa7B,OAAO8B,sBAAsB;QAC1CpB,iBAAiBV,OAAO+B,0BAA0B;IACpD;IAEA,iBAAiB;QACfvB,QAAQ;QACRO,OAAOf,OAAOgC,4BAA4B;QAC1CH,aAAa7B,OAAOiC,wBAAwB;QAC5CvB,iBAAiBV,OAAOkC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBvC,WAAW;IACvCwC,SAAS;QACPhC,SAAS;QACTqB,YAAY;QACZE,aAAa;IACf;IACAU,iBAAiB;QACftB,OAAOf,OAAOgC,4BAA4B;QAC1C,GAAGlC,WAAW+B,WAAW,CAAC7B,OAAOiC,wBAAwB,CAAC;QAC1DvB,iBAAiBV,OAAOsC,qBAAqB;QAC7C,UAAU;YACRvB,OAAOf,OAAOgC,4BAA4B;YAC1C,GAAGlC,WAAW+B,WAAW,CAAC7B,OAAOiC,wBAAwB,CAAC;YAC1DvB,iBAAiBV,OAAOsC,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgB3C,WAAW;IAAEM,MAAM;QAAEoB,cAActB,OAAOwC,kBAAkB;IAAC;AAAE;AAErF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoBzC;IAC1B,MAAM0C,aAAaV;IACnB,MAAMW,aAAaP;IAEnBG,MAAMxC,IAAI,CAAC6C,SAAS,GAAGlD,aACrBI,mBAAmBC,IAAI,EACvBwC,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMM,KAAK,IAAIH,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAW5C,IAAI,EAC3CwC,MAAMxC,IAAI,CAAC6C,SAAS;IAGtB,OAAOL;AACT,EAAE"}
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n  paddingInline: tokens.spacingHorizontalXXS,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","typographyStyles","tokens","citationClassNames","root","useCitationBaseClassName","display","justifyContent","boxSizing","alignItems","cursor","caption2Strong","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","isBlock","isPopoverLocked","colorBrandBackground2","useNextStyles","borderRadiusXLarge","useCitationStyles_unstable","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,6BAA6B;AACrH,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGT,iBAAiBU,cAAc;IAElCC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IACvEC,OAAOf,OAAOgB,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEpB,iBAAiBU,cAAc,CAACW,UAAU,CAAC,GAAG,EAAErB,iBAAiBU,cAAc,CAACY,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAetB,OAAOuB,oBAAoB;IAE1CC,cAAcxB,OAAOyB,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAY3B,OAAOuB,oBAAoB;IACvCK,aAAa5B,OAAOuB,oBAAoB;IAExC,UAAU;QACRf,QAAQ;QACRO,OAAOf,OAAO6B,0BAA0B;QACxCC,aAAa9B,OAAO+B,sBAAsB;QAC1CrB,iBAAiBV,OAAOgC,0BAA0B;IACpD;IAEA,iBAAiB;QACfxB,QAAQ;QACRO,OAAOf,OAAOiC,4BAA4B;QAC1CH,aAAa9B,OAAOkC,wBAAwB;QAC5CxB,iBAAiBV,OAAOmC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBxC,WAAW;IACvCyC,SAAS;QACPjC,SAAS;QACTuB,YAAY;QACZC,aAAa;IACf;IACAU,iBAAiB;QACfvB,OAAOf,OAAOiC,4BAA4B;QAC1C,GAAGnC,WAAWgC,WAAW,CAAC9B,OAAOkC,wBAAwB,CAAC;QAC1DxB,iBAAiBV,OAAOuC,qBAAqB;QAC7C,UAAU;YACRxB,OAAOf,OAAOiC,4BAA4B;YAC1C,GAAGnC,WAAWgC,WAAW,CAAC9B,OAAOkC,wBAAwB,CAAC;YAC1DxB,iBAAiBV,OAAOuC,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgB5C,WAAW;IAAEM,MAAM;QAAEsB,cAAcxB,OAAOyC,kBAAkB;IAAC;AAAE;AAErF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB1C;IAC1B,MAAM2C,aAAaV;IACnB,MAAMW,aAAaP;IAEnBG,MAAMzC,IAAI,CAAC8C,SAAS,GAAGnD,aACrBI,mBAAmBC,IAAI,EACvByC,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMM,KAAK,IAAIH,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAW7C,IAAI,EAC3CyC,MAAMzC,IAAI,CAAC8C,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib/components/Citation/useCitationStyles.styles.raw.js

@@ -0,0 +1,69 @@
+import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const citationClassNames = {
+    root: 'fai-Citation'
+};
+const useCitationBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    alignItems: 'center',
+    cursor: 'pointer',
+    ...typographyStyles.caption2Strong,
+    backgroundColor: tokens.colorNeutralBackground3,
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,
+    color: tokens.colorNeutralForeground2,
+    minWidth: '14px',
+    height: '14px',
+    verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,
+    paddingInline: tokens.spacingHorizontalXXS,
+    borderRadius: tokens.borderRadiusMedium,
+    textDecoration: 'none',
+    marginLeft: tokens.spacingHorizontalXXS,
+    marginRight: tokens.spacingHorizontalXXS,
+    ':hover': {
+        cursor: 'pointer',
+        color: tokens.colorBrandForeground2Hover,
+        borderColor: tokens.colorBrandStroke2Hover,
+        backgroundColor: tokens.colorBrandBackground2Hover
+    },
+    ':hover:active': {
+        cursor: 'pointer',
+        color: tokens.colorBrandForeground2Pressed,
+        borderColor: tokens.colorBrandStroke2Pressed,
+        backgroundColor: tokens.colorBrandBackground2Pressed
+    }
+});
+const useCitationRootStyles = makeStyles({
+    isBlock: {
+        display: 'flex',
+        marginLeft: 0,
+        marginRight: 0
+    },
+    isPopoverLocked: {
+        color: tokens.colorBrandForeground2Pressed,
+        ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),
+        backgroundColor: tokens.colorBrandBackground2,
+        ':hover': {
+            color: tokens.colorBrandForeground2Pressed,
+            ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),
+            backgroundColor: tokens.colorBrandBackground2
+        }
+    }
+});
+const useNextStyles = makeStyles({
+    root: {
+        borderRadius: tokens.borderRadiusXLarge
+    }
+});
+/**
+ * Apply styling to the Citation slots based on the state
+ */ export const useCitationStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useCitationBaseClassName();
+    const rootStyles = useCitationRootStyles();
+    const nextStyles = useNextStyles();
+    state.root.className = mergeClasses(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+};

package/lib/components/Citation/useCitationStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n  paddingInline: tokens.spacingHorizontalXXS,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","typographyStyles","tokens","citationClassNames","root","useCitationBaseClassName","display","justifyContent","boxSizing","alignItems","cursor","caption2Strong","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","isBlock","isPopoverLocked","colorBrandBackground2","useNextStyles","borderRadiusXLarge","useCitationStyles_unstable","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,6BAA6B;AACrH,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGT,iBAAiBU,cAAc;IAElCC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IACvEC,OAAOf,OAAOgB,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEpB,iBAAiBU,cAAc,CAACW,UAAU,CAAC,GAAG,EAAErB,iBAAiBU,cAAc,CAACY,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAetB,OAAOuB,oBAAoB;IAE1CC,cAAcxB,OAAOyB,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAY3B,OAAOuB,oBAAoB;IACvCK,aAAa5B,OAAOuB,oBAAoB;IAExC,UAAU;QACRf,QAAQ;QACRO,OAAOf,OAAO6B,0BAA0B;QACxCC,aAAa9B,OAAO+B,sBAAsB;QAC1CrB,iBAAiBV,OAAOgC,0BAA0B;IACpD;IAEA,iBAAiB;QACfxB,QAAQ;QACRO,OAAOf,OAAOiC,4BAA4B;QAC1CH,aAAa9B,OAAOkC,wBAAwB;QAC5CxB,iBAAiBV,OAAOmC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBxC,WAAW;IACvCyC,SAAS;QACPjC,SAAS;QACTuB,YAAY;QACZC,aAAa;IACf;IACAU,iBAAiB;QACfvB,OAAOf,OAAOiC,4BAA4B;QAC1C,GAAGnC,WAAWgC,WAAW,CAAC9B,OAAOkC,wBAAwB,CAAC;QAC1DxB,iBAAiBV,OAAOuC,qBAAqB;QAC7C,UAAU;YACRxB,OAAOf,OAAOiC,4BAA4B;YAC1C,GAAGnC,WAAWgC,WAAW,CAAC9B,OAAOkC,wBAAwB,CAAC;YAC1DxB,iBAAiBV,OAAOuC,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgB5C,WAAW;IAAEM,MAAM;QAAEsB,cAAcxB,OAAOyC,kBAAkB;IAAC;AAAE;AAErF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB1C;IAC1B,MAAM2C,aAAaV;IACnB,MAAMW,aAAaP;IAEnBG,MAAMzC,IAAI,CAAC8C,SAAS,GAAGnD,aACrBI,mBAAmBC,IAAI,EACvByC,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMM,KAAK,IAAIH,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAW7C,IAAI,EAC3CyC,MAAMzC,IAAI,CAAC8C,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib/components/Reference/Reference.js

@@ -3,12 +3,10 @@ import { useReference_unstable } from './useReference';
 import { renderReference_unstable } from './renderReference';
 import { useReferenceStyles_unstable } from './useReferenceStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-/** deprecated Use ReferenceV2 component, hooks and types instead. */
-export const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useReference_unstable(props, ref);
-  useReferenceStyles_unstable(state);
-  useCustomStyleHook('useReferenceStyles')(state);
-  return renderReference_unstable(state);
+/** deprecated Use ReferenceV2 component, hooks and types instead. */ export const Reference = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useReference_unstable(props, ref);
+    useReferenceStyles_unstable(state);
+    useCustomStyleHook('useReferenceStyles')(state);
+    return renderReference_unstable(state);
 });
 Reference.displayName = 'Reference';
-//# sourceMappingURL=Reference.js.map

package/lib/components/Reference/Reference.types.js

@@ -1,2 +1 @@
-/** deprecated Use ReferenceV2 component, hooks and types instead. */export {};
-//# sourceMappingURL=Reference.types.js.map
+/** deprecated Use ReferenceV2 component, hooks and types instead. */ export { };

package/lib/components/Reference/index.js

@@ -2,4 +2,3 @@ export { Reference } from './Reference';
 export { renderReference_unstable } from './renderReference';
 export { useReference_unstable } from './useReference';
 export { referenceClassNames, referenceExtraClassNames, useReferenceStyles_unstable } from './useReferenceStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Reference/renderReference.js

@@ -1,14 +1,29 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
-/** deprecated Use ReferenceV2 component, hooks and types instead. */
-export const renderReference_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsxs(state.actions, {
-      children: [state.actions.children, state.detailsButton && /*#__PURE__*/_jsx(state.detailsButton, {})]
-    }), state.sensitivity && /*#__PURE__*/_jsx(state.sensitivity, {}), /*#__PURE__*/_jsxs(state.metadata, {
-      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.metadata.children]
-    }), /*#__PURE__*/_jsx(state.content, {})]
-  });
+/** deprecated Use ReferenceV2 component, hooks and types instead. */ export const renderReference_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
+            state.media && /*#__PURE__*/ _jsx(state.media, {}),
+            /*#__PURE__*/ _jsx(state.label, {}),
+            state.actions && /*#__PURE__*/ _jsxs(state.actions, {
+                children: [
+                    state.actions.children,
+                    state.detailsButton && /*#__PURE__*/ _jsx(state.detailsButton, {})
+                ]
+            }),
+            state.sensitivity && /*#__PURE__*/ _jsx(state.sensitivity, {}),
+            /*#__PURE__*/ _jsxs(state.metadata, {
+                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.metadata.children
+                ]
+            }),
+            /*#__PURE__*/ _jsx(state.content, {})
+        ]
+    });
 };
-//# sourceMappingURL=renderReference.js.map