@fluentui-copilot/react-reference 0.10.0 → 0.11.1

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Wed, 03 Apr 2024 00:23:26 GMT",
+      "date": "Tue, 30 Apr 2024 20:54:47 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.11.1",
+      "version": "0.11.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "f21ecfc955b4b5d5b3bb146dcedfb7d839170f93",
+            "comment": "feat: Implementing Reference, ReferenceList and ReferenceOverflowButton from output-v2 designs."
+          },
+          {
+            "author": "sarah.higley@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "66eba4eb0956384ecc14b2a40c5fa722680f79d8",
+            "comment": "chore: bump @fluentui/react-components to latest, 9.49.0 "
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 10 Apr 2024 23:07:50 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.11.0",
+      "version": "0.11.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-reference",
+            "commit": "2afa98912cd99ed6f604c582caee4d49d1ba895d",
+            "comment": "fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 03 Apr 2024 00:23:41 GMT",
       "tag": "@fluentui-copilot/react-reference_v0.10.0",
       "version": "0.10.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Wed, 03 Apr 2024 00:23:26 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Apr 2024 20:54:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.11.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.11.1)
+
+Tue, 30 Apr 2024 20:54:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.11.0..@fluentui-copilot/react-reference_v0.11.1)
+
+### Patches
+
+- feat: Implementing Reference, ReferenceList and ReferenceOverflowButton from output-v2 designs. ([PR #1586](https://github.com/microsoft/fluentai/pull/1586) by Humberto.Morimoto@microsoft.com)
+- chore: bump @fluentui/react-components to latest, 9.49.0  ([PR #1580](https://github.com/microsoft/fluentai/pull/1580) by sarah.higley@microsoft.com)
+
+## [0.11.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.11.0)
+
+Wed, 10 Apr 2024 23:07:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.10.0..@fluentui-copilot/react-reference_v0.11.0)
+
+### Minor changes
+
+- fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps. ([PR #1512](https://github.com/microsoft/fluentai/pull/1512) by Humberto.Morimoto@microsoft.com)
+
 ## [0.10.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.10.0)
 
-Wed, 03 Apr 2024 00:23:26 GMT 
+Wed, 03 Apr 2024 00:23:41 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.9.0..@fluentui-copilot/react-reference_v0.10.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -1,11 +1,18 @@
+/// <reference types="react" />
+
 import type { Button } from '@fluentui/react-components';
 import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
+import type { Context } from '@fluentui/react-context-selector';
+import type { ContextSelector } from '@fluentui/react-context-selector';
+import { FC } from 'react';
 import type { ForwardRefComponent } from '@fluentui/react-components';
 import type { PopoverProps } from '@fluentui/react-components';
 import type { PopoverSurfaceProps } from '@fluentui/react-components';
 import type { PopoverSurfaceSlots } from '@fluentui/react-components';
 import type { PositioningShorthand } from '@fluentui/react-components';
+import { Provider } from 'react';
+import { ProviderProps } from 'react';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-components';
 import type { SlotClassNames } from '@fluentui/react-components';
@@ -59,6 +66,12 @@ export declare type PackagedCitation = React_2.FC<PackagedCitationProps>;
  */
 export declare type PackagedCitationProps = Omit<CitationProps, 'referenceHref'> & Partial<Pick<CitationProps, 'referenceHref'>>;
 
+export declare type PackagedCitationV2 = React_2.FC<CitationProps>;
+
+export declare type PackagedPreviewContentV2Props = Pick<PreviewMetadataProps, 'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'> & {
+    content?: React_2.ReactNode;
+};
+
 /**
  * A "packaged Reference". A packaged Reference is a `Reference` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
@@ -71,8 +84,35 @@ export declare type PackagedReference = React_2.FC<PackagedReferenceProps>;
  */
 export declare type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> & Partial<Pick<ReferenceProps, PartialReferenceProps>>;
 
+export declare type PackagedReferenceV2 = React_2.FC<ReferenceV2Props>;
+
 declare type PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';
 
+/**
+ * PreviewMetadata Props
+ */
+declare type PreviewMetadataProps = ComponentProps<Partial<PreviewMetadataSlots>>;
+
+declare type PreviewMetadataSlots = {
+    root: Slot<'div'>;
+    /**
+     * Icon slot in the metadata displayed after all text.
+     */
+    icon: Slot<'span'>;
+    /**
+     * First text displayed in the metadata.
+     */
+    primaryText: Slot<'span'>;
+    /**
+     * Second text displayed in the metadata.
+     */
+    secondaryText: Slot<'span'>;
+    /**
+     * Third text displayed in the metadata.
+     */
+    tertiaryText: Slot<'span'>;
+};
+
 /**
  * Preview Props
  */
@@ -131,6 +171,15 @@ export declare const ReferenceList: ForwardRefComponent<ReferenceListProps>;
 
 export declare const referenceListClassNames: SlotClassNames<ReferenceListSlots>;
 
+export declare const ReferenceListContext: Context<ReferenceListContextValue>;
+
+export declare const ReferenceListContextProvider: Provider<ReferenceListContextValue> & FC<ProviderProps<ReferenceListContextValue>>;
+
+/**
+ * Context shared between ReferenceList and its children components
+ */
+export declare type ReferenceListContextValue = Pick<ReferenceListV2State, 'appearance' | 'areReferencesExpanded' | 'overflowButtonTriggeredViaKeyboard' | 'previousOverflowCount' | 'shouldUseOverflow'>;
+
 /**
  * ReferenceList Props
  */
@@ -148,6 +197,69 @@ export declare type ReferenceListSlots = {
  */
 export declare type ReferenceListState = ComponentState<ReferenceListSlots>;
 
+export declare const ReferenceListV2: ForwardRefComponent<ReferenceListV2Props>;
+
+export declare const referenceListV2ClassNames: SlotClassNames<ReferenceListV2Slots>;
+
+export declare type ReferenceListV2ContextValues = {
+    referenceList: ReferenceListContextValue;
+};
+
+export declare type ReferenceListV2Props = ComponentProps<ReferenceListV2Slots> & {
+    /**
+     * The appearance of the reference.
+     * @default 'lighter'
+     */
+    appearance?: 'lighter' | 'darker';
+    /**
+     * The maximum number of references to display before the overflow button is shown even if there is
+     * enough space available to show more.
+     * If not set, the overflow functionality will be disabled.
+     * @default undefined
+     */
+    maxVisibleReferences?: number;
+};
+
+export declare type ReferenceListV2Slots = {
+    root: NonNullable<Slot<'div'>>;
+    showMoreButton?: Slot<'span'>;
+    showLessButton?: Slot<'span'>;
+};
+
+export declare type ReferenceListV2State = ComponentState<ReferenceListV2Slots> & Required<Pick<ReferenceListV2Props, 'appearance'>> & {
+    areReferencesExpanded: boolean;
+    overflowButtonTriggeredViaKeyboard: React.MutableRefObject<boolean>;
+    previousOverflowCount: React.MutableRefObject<number>;
+    shouldUseOverflow: boolean;
+};
+
+export declare const ReferenceOverflowButton: ForwardRefComponent<ReferenceOverflowButtonProps>;
+
+export declare const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots>;
+
+/**
+ * ReferenceOverflowButton Props
+ */
+export declare type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> & {
+    /**
+     * The appearance of the reference.
+     * @default 'lighter'
+     */
+    appearance?: 'lighter' | 'darker';
+    text?: string | ((overflowCount: number) => React.ReactNode);
+};
+
+export declare type ReferenceOverflowButtonSlots = {
+    root: Slot<'button'>;
+};
+
+/**
+ * State used in rendering ReferenceOverflowButton
+ */
+export declare type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> & Required<Pick<ReferenceOverflowButtonProps, 'appearance'>> & {
+    shouldRenderOverflowButton: boolean;
+};
+
 /**
  * Reference Props
  */
@@ -239,6 +351,32 @@ export declare type ReferenceState = ComponentState<ReferenceSlots> & Required<P
     isExpanded: boolean;
 };
 
+export declare const ReferenceV2: ForwardRefComponent<ReferenceV2Props>;
+
+export declare const referenceV2ClassNames: SlotClassNames<ReferenceV2Slots>;
+
+export declare const referenceV2ExtraClassNames: {
+    mediaChild: string;
+};
+
+export declare type ReferenceV2Props = ComponentProps<Partial<ReferenceV2Slots>> & {
+    /**
+     * The appearance of the reference.
+     * @default 'lighter'
+     */
+    appearance?: 'lighter' | 'darker';
+};
+
+export declare type ReferenceV2Slots = {
+    root: NonNullable<Slot<'button'>>;
+    citation?: Slot<'span'>;
+    divider?: Slot<'span'>;
+    content?: Slot<'span'>;
+    media?: Slot<'span'>;
+};
+
+export declare type ReferenceV2State = ComponentState<ReferenceV2Slots> & Required<Pick<ReferenceV2Props, 'appearance' | 'id'>> & Pick<ReferenceListV2State, 'shouldUseOverflow'>;
+
 /**
  * Render the final JSX of Citation
  */
@@ -259,6 +397,18 @@ export declare const renderReferenceGroupToggle_unstable: (state: ReferenceGroup
  */
 export declare const renderReferenceList_unstable: (state: ReferenceListState) => JSX.Element;
 
+/**
+ * Render the final JSX of ReferenceList
+ */
+export declare const renderReferenceListV2_unstable: (state: ReferenceListV2State, contextValues: ReferenceListV2ContextValues) => JSX.Element;
+
+/**
+ * Render the final JSX of ReferenceOverflowButton
+ */
+export declare const renderReferenceOverflowButton_unstable: (state: ReferenceOverflowButtonState) => JSX.Element | null;
+
+export declare const renderReferenceV2_unstable: (state: ReferenceV2State) => JSX.Element;
+
 /**
  * SensitivityLabel Props
  */
@@ -298,7 +448,7 @@ declare type SensitivityTooltipSlots = {
  * @param props - props from this instance of Citation
  * @param ref - reference to root HTMLElement of Citation
  */
-export declare const useCitation_unstable: (props: CitationProps, ref: React.Ref<HTMLElement>) => CitationState;
+export declare const useCitation_unstable: (props: CitationProps, ref: React.Ref<HTMLAnchorElement>) => CitationState;
 
 /**
  * Apply styling to the Citation slots based on the state
@@ -314,7 +464,7 @@ export declare const useCitationStyles_unstable: (state: CitationState) => Citat
  * @param props - props from this instance of Reference
  * @param ref - reference to root HTMLElement of Reference
  */
-export declare const useReference_unstable: (props: ReferenceProps, ref: React_2.Ref<HTMLElement>) => ReferenceState;
+export declare const useReference_unstable: (props: ReferenceProps, ref: React_2.Ref<HTMLDivElement>) => ReferenceState;
 
 export declare type UseReferenceCitationPreview = (data: ReferenceCitationData) => {
     Citation: PackagedCitation;
@@ -330,6 +480,25 @@ export declare type UseReferenceCitationPreview = (data: ReferenceCitationData)
  */
 export declare const useReferenceCitationPreview: UseReferenceCitationPreview;
 
+export declare type UseReferenceCitationPreviewV2 = (props: UseReferenceCitationPreviewV2Props) => {
+    Citation: PackagedCitationV2;
+    Reference: PackagedReferenceV2;
+};
+
+export declare const useReferenceCitationPreviewV2: UseReferenceCitationPreviewV2;
+
+export declare type UseReferenceCitationPreviewV2Props = {
+    citationPreviewProps?: PreviewProps;
+    citationPreviewSurfaceProps?: PreviewSurfaceProps;
+    citationProps?: CitationProps;
+    index: number;
+    previewContentProps?: PackagedPreviewContentV2Props;
+    referencePreviewProps?: PreviewProps;
+    referencePreviewSurfaceProps?: PreviewSurfaceProps;
+    referenceProps?: ReferenceV2Props;
+    sensitivityLabelProps?: SensitivityLabelProps;
+};
+
 export declare type UseReferenceGroup = (props: UseReferenceGroupProps) => {
     referenceGroupToggleProps: ReferenceGroupToggleProps;
     referenceListProps: ReferenceListProps;
@@ -373,16 +542,66 @@ export declare const useReferenceGroupToggleStyles_unstable: (state: ReferenceGr
  * @param props - props from this instance of ReferenceList
  * @param ref - reference to root HTMLElement of ReferenceList
  */
-export declare const useReferenceList_unstable: (props: ReferenceListProps, ref: React_2.Ref<HTMLElement>) => ReferenceListState;
+export declare const useReferenceList_unstable: (props: ReferenceListProps, ref: React_2.Ref<HTMLOListElement>) => ReferenceListState;
+
+export declare const useReferenceListContext_unstable: <T>(selector: ContextSelector<ReferenceListContextValue, T>) => T;
 
 /**
  * Apply styling to the ReferenceList slots based on the state
  */
 export declare const useReferenceListStyles_unstable: (state: ReferenceListState) => ReferenceListState;
 
+/**
+ * Apply styling to the ReferenceList slots based on the state
+ */
+export declare const useReferenceListStylesV2_unstable: (state: ReferenceListV2State) => ReferenceListV2State;
+
+/**
+ * Create the state required to render ReferenceList.
+ *
+ * The returned state can be modified with hooks such as useReferenceListStyles_unstable,
+ * before being passed to renderReferenceList_unstable.
+ *
+ * @param props - props from this instance of ReferenceList
+ * @param ref - reference to root HTMLElement of ReferenceList
+ */
+export declare const useReferenceListV2_unstable: (props: ReferenceListV2Props, ref: React_2.Ref<HTMLDivElement>) => ReferenceListV2State;
+
+/**
+ * Create the state required to render ReferenceOverflowButton.
+ *
+ * The returned state can be modified with hooks such as useReferenceOverflowButtonStyles_unstable,
+ * before being passed to renderReferenceOverflowButton_unstable.
+ *
+ * @param props - props from this instance of ReferenceOverflowButton
+ * @param ref - reference to root HTMLElement of ReferenceOverflowButton
+ */
+export declare const useReferenceOverflowButton_unstable: (props: ReferenceOverflowButtonProps, ref: React_2.Ref<HTMLButtonElement>) => ReferenceOverflowButtonState;
+
+/**
+ * Apply styling to the ReferenceOverflowButton slots based on the state
+ */
+export declare const useReferenceOverflowButtonStyles_unstable: (state: ReferenceOverflowButtonState) => ReferenceOverflowButtonState;
+
 /**
  * Apply styling to the Reference slots based on the state
  */
 export declare const useReferenceStyles_unstable: (state: ReferenceState) => ReferenceState;
 
+/**
+ * Apply styling to the Reference slots based on the state
+ */
+export declare const useReferenceStylesV2_unstable: (state: ReferenceV2State) => ReferenceV2State;
+
+/**
+ * Create the state required to render Reference.
+ *
+ * The returned state can be modified with hooks such as useReferenceStyles_unstable,
+ * before being passed to renderReference_unstable.
+ *
+ * @param props - props from this instance of Reference
+ * @param ref - reference to root HTMLElement of Reference
+ */
+export declare const useReferenceV2_unstable: (props: ReferenceV2Props, ref: React_2.Ref<HTMLButtonElement>) => ReferenceV2State;
+
 export { }

package/lib/Citation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Citation.ts"],"sourcesContent":["export * from './components/Citation/index';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
+{"version":3,"sources":["Citation.ts"],"sourcesContent":["export * from './components/Citation/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,8BAA8B"}

package/lib/Reference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Reference.ts"],"sourcesContent":["export * from './components/Reference/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B"}
+{"version":3,"sources":["Reference.ts"],"sourcesContent":["export * from './components/Reference/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,+BAA+B"}

package/lib/ReferenceGroupToggle.js.map

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

package/lib/ReferenceList.js.map

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

package/lib/ReferenceListV2.js

@@ -0,0 +1,2 @@
+export * from './components/reference-v2/ReferenceList';
+//# sourceMappingURL=ReferenceListV2.js.map

package/lib/ReferenceListV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceListV2.ts"],"sourcesContent":["export * from './components/reference-v2/ReferenceList';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,0CAA0C"}

package/lib/ReferenceOverflowButton.js

@@ -0,0 +1,2 @@
+export * from './components/reference-v2/ReferenceOverflowButton';
+//# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib/ReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.ts"],"sourcesContent":["export * from './components/reference-v2/ReferenceOverflowButton';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oDAAoD"}

package/lib/ReferenceV2.js

@@ -0,0 +1,2 @@
+export * from './components/reference-v2/Reference';
+//# sourceMappingURL=ReferenceV2.js.map

package/lib/ReferenceV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceV2.ts"],"sourcesContent":["export * from './components/reference-v2/Reference';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sCAAsC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["React","useCitation_unstable","renderCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","Citation","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AAGjE,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,2CAA2C;AAC3C,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAE1CL,2BAA2BM;IAC3BL,mBAAmB,qBAAqBK;IAExC,OAAOP,wBAAwBO;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}
+{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["React","useCitation_unstable","renderCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","Citation","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AAGjE,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,2CAA2C;AAC3C,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAE1CL,2BAA2BM;IAC3BL,mBAAmB,qBAAqBK;IAExC,OAAOP,wBAAwBO;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Citation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type CitationSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'a'>>;\n};\n\n/**\n * Citation Props\n */\nexport type CitationProps = ComponentProps<Partial<CitationSlots>> & {\n  /**\n   * HREF to the associated `Reference`.\n   */\n  referenceHref?: string;\n\n  /**\n   * Whether the citation is a block citation and has no built in margins.\n   * Citations are inline by default with margins to separate them from inline text.\n   */\n  block?: boolean;\n};\n\n/**\n * State used in rendering Citation\n */\nexport type CitationState = ComponentState<CitationSlots> &\n  Required<Pick<CitationProps, 'block'>> & {\n    isPopoverLocked: boolean;\n  };\n"],"names":[],"mappings":"AAAA,WA+BI"}
+{"version":3,"sources":["Citation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type CitationSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'a'>>;\n};\n\n/**\n * Citation Props\n */\nexport type CitationProps = ComponentProps<Partial<CitationSlots>> & {\n  /**\n   * HREF to the associated `Reference`.\n   */\n  referenceHref?: string;\n\n  /**\n   * Whether the citation is a block citation and has no built in margins.\n   * Citations are inline by default with margins to separate them from inline text.\n   */\n  block?: boolean;\n};\n\n/**\n * State used in rendering Citation\n */\nexport type CitationState = ComponentState<CitationSlots> &\n  Required<Pick<CitationProps, 'block'>> & {\n    isPopoverLocked: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAyBA;;CAEC,GACD,WAGI"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Citation';\nexport * from './Citation.types';\nexport * from './renderCitation';\nexport * from './useCitation';\nexport * from './useCitationStyles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Citation';\nexport * from './Citation.types';\nexport * from './renderCitation';\nexport * from './useCitation';\nexport * from './useCitationStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB"}

package/lib/components/Citation/renderCitation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderCitation_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAEzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtCF,YAA2BE;IAE3B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderCitation_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAEzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtCF,YAA2BE;IAE3B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/Citation/useCitation.js

@@ -1,4 +1,4 @@
-import { getNativeElementProps, slot } from '@fluentui/react-components';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
 import { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';
 /**
  * Create the state required to render Citation.
@@ -22,11 +22,11 @@ export const useCitation_unstable = (props, ref) => {
     components: {
       root: 'a'
     },
-    root: slot.always(getNativeElementProps('a', {
+    root: slot.always(getIntrinsicElementProps('a', {
       ref,
       href: referenceHref,
-      role: null,
-      'aria-expanded': null,
+      role: undefined,
+      'aria-expanded': undefined,
       ...otherProps
     }), {
       elementType: 'a'

package/lib/components/Citation/useCitation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getNativeElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: null,\n        'aria-expanded': null,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["getNativeElementProps","slot","usePreviewContext_unstable","useCitation_unstable","props","ref","referenceHref","block","otherProps","isPopoverLocked","ctx","isPreviewLocked","state","components","root","always","href","role","elementType"],"mappings":"AAAA,SAASA,qBAAqB,EAAEC,IAAI,QAAQ,6BAA6B;AACzE,SAASC,0BAA0B,QAAQ,kCAAkC;AAE7E;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,kBAAkBP,2BAA2BQ,CAAAA,MAAOA,IAAIC,eAAe,KAAMP,KAAK,CAAC,gBAAgB;IAEzG,MAAMQ,QAAuB;QAC3BL;QACAE;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMb,KAAKc,MAAM,CACff,sBAAsB,KAAK;YACzBK;YACAW,MAAMV;YACNW,MAAM;YACN,iBAAiB;YACjB,GAAGT,UAAU;QACf,IACA;YAAEU,aAAa;QAAI;IAEvB;IAEA,OAAON;AACT,EAAE"}
+{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: undefined,\n        'aria-expanded': undefined,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","usePreviewContext_unstable","useCitation_unstable","props","ref","referenceHref","block","otherProps","isPopoverLocked","ctx","isPreviewLocked","state","components","root","always","href","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAC5E,SAASC,0BAA0B,QAAQ,kCAAkC;AAE7E;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,kBAAkBP,2BAA2BQ,CAAAA,MAAOA,IAAIC,eAAe,KAAMP,KAAK,CAAC,gBAAgB;IAEzG,MAAMQ,QAAuB;QAC3BL;QACAE;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMb,KAAKc,MAAM,CACff,yBAAyB,KAAK;YAC5BK;YACAW,MAAMV;YACNW,MAAMC;YACN,iBAAiBA;YACjB,GAAGV,UAAU;QACf,IACA;YAAEW,aAAa;QAAI;IAEvB;IAEA,OAAOP;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitationStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\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  ...typographyStyles.caption2Strong,\n\n  color: tokens.colorNeutralForeground2,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\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\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","citationClassNames","root","useCitationBaseClassName","display","justifyContent","boxSizing","alignItems","caption2Strong","color","colorNeutralForeground2","border","strokeWidthThin","colorNeutralStroke2","minWidth","height","verticalAlign","lineHeight","fontSize","borderRadius","borderRadiusMedium","textDecoration","marginLeft","spacingHorizontalXXS","marginRight","cursor","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","isBlock","isPopoverLocked","colorBrandBackground2","useCitationStyles_unstable","state","rootBaseClassName","rootStyles","className","block"],"mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZ,GAAGP,iBAAiBQ,cAAc;IAElCC,OAAOV,OAAOW,uBAAuB;IACrCC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IAEvEC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEhB,iBAAiBQ,cAAc,CAACS,UAAU,CAAC,GAAG,EAAEjB,iBAAiBQ,cAAc,CAACU,QAAQ,CAAC,MAAM,CAAC;IAExHC,cAAcpB,OAAOqB,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYvB,OAAOwB,oBAAoB;IACvCC,aAAazB,OAAOwB,oBAAoB;IAExC,UAAU;QACRE,QAAQ;QACRhB,OAAOV,OAAO2B,0BAA0B;QACxCC,aAAa5B,OAAO6B,sBAAsB;QAC1CC,iBAAiB9B,OAAO+B,0BAA0B;IACpD;IAEA,iBAAiB;QACfL,QAAQ;QACRhB,OAAOV,OAAOgC,4BAA4B;QAC1CJ,aAAa5B,OAAOiC,wBAAwB;QAC5CH,iBAAiB9B,OAAOkC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBtC,WAAW;IACvCuC,SAAS;QACP/B,SAAS;QACTkB,YAAY;QACZE,aAAa;IACf;IACAY,iBAAiB;QACf3B,OAAOV,OAAOgC,4BAA4B;QAC1C,GAAGjC,WAAW6B,WAAW,CAAC5B,OAAOiC,wBAAwB,CAAC;QAC1DH,iBAAiB9B,OAAOsC,qBAAqB;QAC7C,UAAU;YACR5B,OAAOV,OAAOgC,4BAA4B;YAC1C,GAAGjC,WAAW6B,WAAW,CAAC5B,OAAOiC,wBAAwB,CAAC;YAC1DH,iBAAiB9B,OAAOsC,qBAAqB;QAC/C;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,MAAMC,oBAAoBrC;IAC1B,MAAMsC,aAAaP;IAEnBK,MAAMrC,IAAI,CAACwC,SAAS,GAAG7C,aACrBI,mBAAmBC,IAAI,EACvBqC,MAAMH,eAAe,IAAIK,WAAWL,eAAe,EACnDG,MAAMI,KAAK,IAAIF,WAAWN,OAAO,EACjCK,mBACAD,MAAMrC,IAAI,CAACwC,SAAS;IAGtB,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["useCitationStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\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  ...typographyStyles.caption2Strong,\n\n  color: tokens.colorNeutralForeground2,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\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\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","citationClassNames","root","useCitationBaseClassName","display","justifyContent","boxSizing","alignItems","caption2Strong","color","colorNeutralForeground2","border","strokeWidthThin","colorNeutralStroke2","minWidth","height","verticalAlign","lineHeight","fontSize","borderRadius","borderRadiusMedium","textDecoration","marginLeft","spacingHorizontalXXS","marginRight","cursor","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","isBlock","isPopoverLocked","colorBrandBackground2","useCitationStyles_unstable","state","rootBaseClassName","rootStyles","className","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZ,GAAGP,iBAAiBQ,cAAc;IAElCC,OAAOV,OAAOW,uBAAuB;IACrCC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IAEvEC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEhB,iBAAiBQ,cAAc,CAACS,UAAU,CAAC,GAAG,EAAEjB,iBAAiBQ,cAAc,CAACU,QAAQ,CAAC,MAAM,CAAC;IAExHC,cAAcpB,OAAOqB,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYvB,OAAOwB,oBAAoB;IACvCC,aAAazB,OAAOwB,oBAAoB;IAExC,UAAU;QACRE,QAAQ;QACRhB,OAAOV,OAAO2B,0BAA0B;QACxCC,aAAa5B,OAAO6B,sBAAsB;QAC1CC,iBAAiB9B,OAAO+B,0BAA0B;IACpD;IAEA,iBAAiB;QACfL,QAAQ;QACRhB,OAAOV,OAAOgC,4BAA4B;QAC1CJ,aAAa5B,OAAOiC,wBAAwB;QAC5CH,iBAAiB9B,OAAOkC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBtC,WAAW;IACvCuC,SAAS;QACP/B,SAAS;QACTkB,YAAY;QACZE,aAAa;IACf;IACAY,iBAAiB;QACf3B,OAAOV,OAAOgC,4BAA4B;QAC1C,GAAGjC,WAAW6B,WAAW,CAAC5B,OAAOiC,wBAAwB,CAAC;QAC1DH,iBAAiB9B,OAAOsC,qBAAqB;QAC7C,UAAU;YACR5B,OAAOV,OAAOgC,4BAA4B;YAC1C,GAAGjC,WAAW6B,WAAW,CAAC5B,OAAOiC,wBAAwB,CAAC;YAC1DH,iBAAiB9B,OAAOsC,qBAAqB;QAC/C;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,MAAMC,oBAAoBrC;IAC1B,MAAMsC,aAAaP;IAEnBK,MAAMrC,IAAI,CAACwC,SAAS,GAAG7C,aACrBI,mBAAmBC,IAAI,EACvBqC,MAAMH,eAAe,IAAIK,WAAWL,eAAe,EACnDG,MAAMI,KAAK,IAAIF,WAAWN,OAAO,EACjCK,mBACAD,MAAMrC,IAAI,CAACwC,SAAS;IAGtB,OAAOH;AACT,EAAE"}

package/lib/components/Reference/Reference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Reference component - TODO: add more docs\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  useCustomStyleHook('useReferenceStyles')(state);\n\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["React","useReference_unstable","renderReference_unstable","useReferenceStyles_unstable","useCustomStyleHook","Reference","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AAGnE,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,4CAA4C;AAC5C,OAAO,MAAMC,0BAAiDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQR,sBAAsBM,OAAOC;IAE3CL,4BAA4BM;IAC5BL,mBAAmB,sBAAsBK;IAEzC,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}
+{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Reference component - TODO: add more docs\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  useCustomStyleHook('useReferenceStyles')(state);\n\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["React","useReference_unstable","renderReference_unstable","useReferenceStyles_unstable","useCustomStyleHook","Reference","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AAGnE,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,4CAA4C;AAC5C,OAAO,MAAMC,0BAAiDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQR,sBAAsBM,OAAOC;IAE3CL,4BAA4BM;IAC5BL,mBAAmB,sBAAsBK;IAEzC,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Reference.types.ts"],"sourcesContent":["import type { CopilotMode } from '@fluentui-copilot/react-provider';\nimport type { Button, ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Citation slot. Displays a `Citation`. Set the `null` to hide the citation.\n   */\n  citation: Slot<'div'>;\n\n  /**\n   * Media slot. Used to display Avatars, Icons, etc.\n   */\n  media: Slot<'div'>;\n\n  /**\n   * Actions slot.\n   */\n  actions: Slot<'div'>;\n\n  /**\n   * Label slot. Primary description of the reference.\n   */\n  label: NonNullable<Slot<'div'>>;\n\n  /**\n   * Sensitivity slot. Used to display a `SensitivityLabel`.\n   */\n  sensitivity: Slot<'span'>;\n\n  /**\n   * Metadata slot. Container for `primaryText`, `secondaryText`, `tertiaryText` and `icon`.\n   */\n  metadata: NonNullable<Slot<'div'>>;\n\n  /**\n   * Primary text slot. First displayed metadata text.\n   */\n  primaryText: Slot<'span'>;\n\n  /**\n   * Secondary text slot. Second displayed metadata text.\n   */\n  secondaryText: Slot<'span'>;\n\n  /**\n   * Tertiary text slot. Third displayed metadata text.\n   */\n  tertiaryText: Slot<'span'>;\n\n  /**\n   * Icon slot. Icon displayed in metadata area.\n   */\n  icon: Slot<'span'>;\n\n  /**\n   * Content slot.\n   */\n  content: NonNullable<Slot<'div'>>;\n\n  /**\n   * Details button slot. Used to expand/collapse the reference.\n   */\n  detailsButton: Slot<typeof Button>;\n};\n\n/**\n * Reference Props\n */\nexport type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> &\n  CopilotMode & {\n    /**\n     * Numeric index associated with `Citation`.\n     */\n    index: number;\n\n    /**\n     * HREF back to the `Citation` this `Reference` is associated with.\n     */\n    citationHref?: string;\n\n    /**\n     * Unique ID associated with this `Reference`.\n     */\n    referenceId?: string;\n\n    /**\n     * Text snippet from the reference source.\n     */\n    excerpt?: string;\n\n    /**\n     * @deprecated Inline layout is the only one that is available, use `Preview` component instead for an equivalent to a `Reference` with a popover layout inside of a `Popover`.\n     */\n    layout?: 'inline' | 'popover';\n  };\n\n/**\n * State used in rendering Reference\n */\nexport type ReferenceState = ComponentState<ReferenceSlots> &\n  Required<Pick<ReferenceProps, 'mode' | 'layout' | 'index'>> & {\n    /**\n     * State used to renderer the `Reference` in an expanded state.\n     */\n    isExpanded: boolean;\n  };\n"],"names":[],"mappings":"AAAA,WA8GI"}
+{"version":3,"sources":["Reference.types.ts"],"sourcesContent":["import type { CopilotMode } from '@fluentui-copilot/react-provider';\nimport type { Button, ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceSlots = {\n  /**\n   * The root slot.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Citation slot. Displays a `Citation`. Set the `null` to hide the citation.\n   */\n  citation: Slot<'div'>;\n\n  /**\n   * Media slot. Used to display Avatars, Icons, etc.\n   */\n  media: Slot<'div'>;\n\n  /**\n   * Actions slot.\n   */\n  actions: Slot<'div'>;\n\n  /**\n   * Label slot. Primary description of the reference.\n   */\n  label: NonNullable<Slot<'div'>>;\n\n  /**\n   * Sensitivity slot. Used to display a `SensitivityLabel`.\n   */\n  sensitivity: Slot<'span'>;\n\n  /**\n   * Metadata slot. Container for `primaryText`, `secondaryText`, `tertiaryText` and `icon`.\n   */\n  metadata: NonNullable<Slot<'div'>>;\n\n  /**\n   * Primary text slot. First displayed metadata text.\n   */\n  primaryText: Slot<'span'>;\n\n  /**\n   * Secondary text slot. Second displayed metadata text.\n   */\n  secondaryText: Slot<'span'>;\n\n  /**\n   * Tertiary text slot. Third displayed metadata text.\n   */\n  tertiaryText: Slot<'span'>;\n\n  /**\n   * Icon slot. Icon displayed in metadata area.\n   */\n  icon: Slot<'span'>;\n\n  /**\n   * Content slot.\n   */\n  content: NonNullable<Slot<'div'>>;\n\n  /**\n   * Details button slot. Used to expand/collapse the reference.\n   */\n  detailsButton: Slot<typeof Button>;\n};\n\n/**\n * Reference Props\n */\nexport type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> &\n  CopilotMode & {\n    /**\n     * Numeric index associated with `Citation`.\n     */\n    index: number;\n\n    /**\n     * HREF back to the `Citation` this `Reference` is associated with.\n     */\n    citationHref?: string;\n\n    /**\n     * Unique ID associated with this `Reference`.\n     */\n    referenceId?: string;\n\n    /**\n     * Text snippet from the reference source.\n     */\n    excerpt?: string;\n\n    /**\n     * @deprecated Inline layout is the only one that is available, use `Preview` component instead for an equivalent to a `Reference` with a popover layout inside of a `Popover`.\n     */\n    layout?: 'inline' | 'popover';\n  };\n\n/**\n * State used in rendering Reference\n */\nexport type ReferenceState = ComponentState<ReferenceSlots> &\n  Required<Pick<ReferenceProps, 'mode' | 'layout' | 'index'>> & {\n    /**\n     * State used to renderer the `Reference` in an expanded state.\n     */\n    isExpanded: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAqGA;;CAEC,GACD,WAMI"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Reference';\nexport * from './Reference.types';\nexport * from './renderReference';\nexport * from './useReference';\nexport * from './useReferenceStyles';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Reference';\nexport * from './Reference.types';\nexport * from './renderReference';\nexport * from './useReference';\nexport * from './useReferenceStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB"}

package/lib/components/Reference/renderReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && (\n        <state.actions>\n          {state.actions.children}\n          {state.detailsButton && <state.detailsButton />}\n        </state.actions>\n      )}\n      {state.sensitivity && <state.sensitivity />}\n      <state.metadata>\n        {state.primaryText && <state.primaryText />}\n        {state.secondaryText && <state.secondaryText />}\n        {state.tertiaryText && <state.tertiaryText />}\n        {state.icon && <state.icon />}\n        {state.metadata.children}\n      </state.metadata>\n      <state.content />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderReference_unstable","state","root","citation","media","label","actions","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvCF,YAA4BE;IAE5B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,QAAQ,kBAAI,KAACF,MAAME,QAAQ;YACjCF,MAAMG,KAAK,kBAAI,KAACH,MAAMG,KAAK;0BAC5B,KAACH,MAAMI,KAAK;YACXJ,MAAMK,OAAO,kBACZ,MAACL,MAAMK,OAAO;;oBACXL,MAAMK,OAAO,CAACC,QAAQ;oBACtBN,MAAMO,aAAa,kBAAI,KAACP,MAAMO,aAAa;;;YAG/CP,MAAMQ,WAAW,kBAAI,KAACR,MAAMQ,WAAW;0BACxC,MAACR,MAAMS,QAAQ;;oBACZT,MAAMU,WAAW,kBAAI,KAACV,MAAMU,WAAW;oBACvCV,MAAMW,aAAa,kBAAI,KAACX,MAAMW,aAAa;oBAC3CX,MAAMY,YAAY,kBAAI,KAACZ,MAAMY,YAAY;oBACzCZ,MAAMa,IAAI,kBAAI,KAACb,MAAMa,IAAI;oBACzBb,MAAMS,QAAQ,CAACH,QAAQ;;;0BAE1B,KAACN,MAAMc,OAAO;;;AAGpB,EAAE"}
+{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && (\n        <state.actions>\n          {state.actions.children}\n          {state.detailsButton && <state.detailsButton />}\n        </state.actions>\n      )}\n      {state.sensitivity && <state.sensitivity />}\n      <state.metadata>\n        {state.primaryText && <state.primaryText />}\n        {state.secondaryText && <state.secondaryText />}\n        {state.tertiaryText && <state.tertiaryText />}\n        {state.icon && <state.icon />}\n        {state.metadata.children}\n      </state.metadata>\n      <state.content />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderReference_unstable","state","root","citation","media","label","actions","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvCF,YAA4BE;IAE5B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,QAAQ,kBAAI,KAACF,MAAME,QAAQ;YACjCF,MAAMG,KAAK,kBAAI,KAACH,MAAMG,KAAK;0BAC5B,KAACH,MAAMI,KAAK;YACXJ,MAAMK,OAAO,kBACZ,MAACL,MAAMK,OAAO;;oBACXL,MAAMK,OAAO,CAACC,QAAQ;oBACtBN,MAAMO,aAAa,kBAAI,KAACP,MAAMO,aAAa;;;YAG/CP,MAAMQ,WAAW,kBAAI,KAACR,MAAMQ,WAAW;0BACxC,MAACR,MAAMS,QAAQ;;oBACZT,MAAMU,WAAW,kBAAI,KAACV,MAAMU,WAAW;oBACvCV,MAAMW,aAAa,kBAAI,KAACX,MAAMW,aAAa;oBAC3CX,MAAMY,YAAY,kBAAI,KAACZ,MAAMY,YAAY;oBACzCZ,MAAMa,IAAI,kBAAI,KAACb,MAAMa,IAAI;oBACzBb,MAAMS,QAAQ,CAACH,QAAQ;;;0BAE1B,KAACN,MAAMc,OAAO;;;AAGpB,EAAE"}

package/lib/components/Reference/useReference.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { Button, Caption1, getNativeElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';
+import { Button, Caption1, getIntrinsicElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';
 import { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';
 import { referenceExtraClassNames } from './useReferenceStyles';
 import { Citation } from '../Citation';
-import { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';
+import { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';
 import { useCopilotMode } from '@fluentui-copilot/react-provider';
 /**
  * Create the state required to render Reference.
@@ -96,7 +96,7 @@ export const useReference_unstable = (props, ref) => {
       icon: 'span',
       detailsButton: Button
     },
-    root: slot.always(getNativeElementProps('div', {
+    root: slot.always(getIntrinsicElementProps('div', {
       ref,
       id: referenceId,
       ...groupSemantics,