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

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Fri, 10 Oct 2025 04:08:18 GMT",
-      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20251010-0406-7df7c6d1.1",
-      "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+      "date": "Mon, 13 Oct 2025 04:14:18 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20251013-0406-7c7739c8.1",
+      "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Fri, 10 Oct 2025 04:08:18 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Oct 2025 04:14:18 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20251010-0406-7df7c6d1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+## [0.0.0-nightly-20251013-0406-7c7739c8.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
-Fri, 10 Oct 2025 04:08:18 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.16.5..@fluentui-copilot/react-reference_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+Mon, 13 Oct 2025 04:14:18 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.16.5..@fluentui-copilot/react-reference_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -0,0 +1,382 @@
+/// <reference types="react" />
+
+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 type { DesignVersion } from '@fluentui-copilot/react-provider';
+import { FC } from 'react';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import { ForwardRefComponent as ForwardRefComponent_2 } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-components';
+import { JSXElement as JSXElement_2 } from '@fluentui/react-utilities';
+import type { PreviewHeaderProps } from '@fluentui-copilot/react-preview';
+import type { PreviewMetadataProps } from '@fluentui-copilot/react-preview';
+import type { PreviewProps } from '@fluentui-copilot/react-preview';
+import type { PreviewSurfaceProps } from '@fluentui-copilot/react-preview';
+import { Provider } from 'react';
+import { ProviderProps } from 'react';
+import * as React_2 from 'react';
+import { Ref } from 'react';
+import type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+import { SlotClassNames as SlotClassNames_2 } from '@fluentui/react-utilities';
+
+export declare const Citation: ForwardRefComponent<CitationProps>;
+
+export declare const citationClassNames: SlotClassNames<CitationSlots>;
+
+/**
+ * Citation Props
+ */
+export declare type CitationProps = ComponentProps<Partial<CitationSlots>> & DesignVersion & {
+    /**
+     * HREF to the associated `Reference`.
+     */
+    referenceHref?: string;
+    /**
+     * Whether the citation is a block citation and has no built in margins.
+     * Citations are inline by default with margins to separate them from inline text.
+     */
+    block?: boolean;
+};
+
+export declare type CitationSlots = {
+    /**
+     * The root slot.
+     */
+    root: NonNullable<Slot<'a'>>;
+};
+
+/**
+ * State used in rendering Citation
+ */
+export declare type CitationState = ComponentState<CitationSlots> & Required<Pick<CitationProps, 'block' | 'designVersion'>> & {
+    isPopoverLocked: boolean;
+};
+
+/**
+ * Function to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.
+ * Props can either be passed in to the function or applied directly to the generated components in JSX.
+ *
+ * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.
+ * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
+export declare const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator;
+
+export declare type PackagedCitation = React_2.FC<CitationProps>;
+
+/** @deprecated use PackagedCitation */
+export declare type PackagedCitationV2 = PackagedCitation;
+
+export declare type PackagedPreviewContentProps = Pick<PreviewMetadataProps, 'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'> & {
+    content?: React_2.ReactNode;
+};
+
+/** @deprecated use PackagedPreviewContentProps */
+export declare type PackagedPreviewContentV2Props = PackagedPreviewContentProps;
+
+export declare type PackagedReference = React_2.FC<ReferenceProps>;
+
+/** @deprecated use PackagedReference */
+export declare type PackagedReferenceV2 = PackagedReference;
+
+export declare const Reference: ForwardRefComponent<ReferenceProps>;
+
+export declare type ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {
+    Citation: PackagedCitation;
+    Reference: PackagedReference;
+};
+
+export declare type ReferenceCitationPreviewGeneratorProps = {
+    citationPreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;
+    citationPreviewSurfaceProps?: PreviewSurfaceProps;
+    citationProps?: CitationProps;
+    index: number;
+    previewContentProps?: PackagedPreviewContentProps;
+    previewHeaderProps?: PreviewHeaderProps;
+    referencePreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;
+    referencePreviewSurfaceProps?: PreviewSurfaceProps;
+    referenceProps?: ReferenceProps;
+    sensitivityLabelProps?: SensitivityLabelProps;
+};
+
+export declare const referenceClassNames: SlotClassNames<ReferenceSlots>;
+
+export declare const referenceExtraClassNames: {
+    graphicChild: string;
+};
+
+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<ReferenceListState, 'areReferencesExpanded' | 'maxVisibleReferences' | 'overflowButtonTriggeredViaKeyboard' | 'referenceListRef' | 'shouldUseOverflow' | 'totalReferencesCount'>;
+
+export declare type ReferenceListContextValues = {
+    referenceList: ReferenceListContextValue;
+};
+
+export declare type ReferenceListProps = ComponentProps<Partial<ReferenceListSlots>> & {
+    /**
+     * 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.
+     * If this value is less than `minVisibleReferences`, then `minVisibleReferences` will take precedence.
+     * @default undefined
+     */
+    maxVisibleReferences?: number;
+    /**
+     * The minimum number of references to always show before overflowing.
+     * If this value exceeds the number of references, the overflow functionality will be disabled.
+     * If this value is greater than `maxVisibleReferences`, then this will take precedence.
+     * @default undefined
+     */
+    minVisibleReferences?: number;
+};
+
+export declare type ReferenceListSlots = {
+    /** The root of the component that contains the list of references. */
+    root: NonNullable<Slot<'div'>>;
+    /** The region that contains the references and is used for arrow navigation. */
+    arrowableRegion: NonNullable<Slot<'div'>>;
+    /** A space containing a button that expands the list of references. This slot is only rendered when the list of references is collapsed. */
+    showMoreButton?: Slot<'span'>;
+    /** A space containing a button that collapses the list of references. This slot is only rendered when the list of references is expanded. */
+    showLessButton?: Slot<'span'>;
+};
+
+export declare type ReferenceListState = ComponentState<ReferenceListSlots> & Pick<ReferenceListProps, 'maxVisibleReferences' | 'minVisibleReferences'> & {
+    areReferencesExpanded: boolean;
+    overflowButtonTriggeredViaKeyboard: React.MutableRefObject<boolean>;
+    referenceListRef: React.RefObject<HTMLDivElement | null>;
+    shouldUseOverflow: boolean;
+    totalReferencesCount: number;
+};
+
+/** @deprecated use ReferenceList */
+export declare const ReferenceListV2: ForwardRefComponent_2<ReferenceListProps>;
+
+/** @deprecated use referenceListClassNames */
+export declare const referenceListV2ClassNames: SlotClassNames_2<ReferenceListSlots>;
+
+/** @deprecated use ReferenceListContextValues */
+export declare type ReferenceListV2ContextValues = ReferenceListContextValues;
+
+/** @deprecated use ReferenceListProps */
+export declare type ReferenceListV2Props = ReferenceListProps;
+
+/** @deprecated use ReferenceListSlots */
+export declare type ReferenceListV2Slots = ReferenceListSlots;
+
+/** @deprecated use ReferenceListState */
+export declare type ReferenceListV2State = ReferenceListState;
+
+export declare const ReferenceOverflowButton: ForwardRefComponent<ReferenceOverflowButtonProps>;
+
+export declare const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots>;
+
+/**
+ * ReferenceOverflowButton Props
+ */
+export declare type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> & DesignVersion & {
+    /**
+     * The text that is displayed inside of the overflow button. This text is only displayed when `children` has not been passed to the component.
+     * If a string is passed, that is what is rendered verbatim.
+     * If a callback is passed, the callback is called with the number of items that are overflowing, and the result of the callback is rendered.
+     */
+    text?: string | ((overflowCount: number) => React.ReactNode);
+};
+
+export declare type ReferenceOverflowButtonSlots = {
+    /** The root of the component that renders the overflow button. */
+    root: Slot<'button'>;
+};
+
+/**
+ * State used in rendering ReferenceOverflowButton
+ */
+export declare type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> & Pick<Required<ReferenceOverflowButtonProps>, 'designVersion'> & {
+    id: string;
+    shouldRenderOverflowButton: boolean;
+};
+
+export declare type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> & DesignVersion & {};
+
+export declare type ReferenceSlots = {
+    /** The root of the component that renders the reference as either a button or an anchor element. */
+    root: NonNullable<Slot<'button', 'a'>>;
+    /** The number of the citation this reference corresponds to. */
+    citation?: Slot<'span'>;
+    /** A divider that visually separates the citation from the content of the reference. */
+    divider?: Slot<'span'>;
+    /** A space containing the content of the reference, which goes into an ellipsis if it overflows. */
+    content?: Slot<'span'>;
+    /** A space within the content slot where a graphic such as an icon or an image can be displayed before the rest of the content. */
+    graphic?: Slot<'span'>;
+};
+
+export declare type ReferenceState = ComponentState<ReferenceSlots> & Required<Pick<ReferenceProps, 'id' | 'designVersion'>> & Pick<ReferenceListState, 'shouldUseOverflow'>;
+
+/** @deprecated use Reference */
+export declare const ReferenceV2: ForwardRefComponent_2<ReferenceProps>;
+
+/** @deprecated use referenceClassNames */
+export declare const referenceV2ClassNames: SlotClassNames_2<ReferenceSlots>;
+
+/** @deprecated use referenceExtraClassNames */
+export declare const referenceV2ExtraClassNames: {
+    graphicChild: string;
+};
+
+/** @deprecated use ReferenceProps */
+export declare type ReferenceV2Props = ReferenceProps;
+
+/** @deprecated use ReferenceSlots */
+export declare type ReferenceV2Slots = ReferenceSlots;
+
+/** @deprecated use ReferenceState */
+export declare type ReferenceV2State = ReferenceState;
+
+/**
+ * Render the final JSX of Citation
+ */
+export declare const renderCitation_unstable: (state: CitationState) => JSXElement;
+
+export declare const renderReference_unstable: (state: ReferenceState) => JSXElement;
+
+/**
+ * Render the final JSX of ReferenceList
+ */
+export declare const renderReferenceList_unstable: (state: ReferenceListState, contextValues: ReferenceListContextValues) => JSXElement;
+
+/** @deprecated use renderReferenceList_unstable */
+export declare const renderReferenceListV2_unstable: (state: ReferenceListState, contextValues: ReferenceListContextValues) => JSXElement_2;
+
+/**
+ * Render the final JSX of ReferenceOverflowButton
+ */
+export declare const renderReferenceOverflowButton_unstable: (state: ReferenceOverflowButtonState) => JSXElement | null;
+
+/** @deprecated use renderReference_unstable */
+export declare const renderReferenceV2_unstable: (state: ReferenceState) => JSXElement_2;
+
+/**
+ * Create the state required to render Citation.
+ *
+ * The returned state can be modified with hooks such as useCitationStyles_unstable,
+ * before being passed to renderCitation_unstable.
+ *
+ * @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<HTMLAnchorElement>) => CitationState;
+
+/**
+ * Apply styling to the Citation slots based on the state
+ */
+export declare const useCitationStyles_unstable: (state: CitationState) => CitationState;
+
+/**
+ * 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 useReference_unstable: (props: ReferenceProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ReferenceState;
+
+export declare type UseReferenceCitationPreview = ReferenceCitationPreviewGenerator;
+
+/**
+ * Hook to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.
+ * Props can either be passed in to the hook or applied directly to the generated components in JSX.
+ *
+ * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.
+ * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
+export declare const useReferenceCitationPreview: UseReferenceCitationPreview;
+
+export declare type UseReferenceCitationPreviewProps = ReferenceCitationPreviewGeneratorProps;
+
+/** @deprecated use UseReferenceCitationPreview */
+export declare type UseReferenceCitationPreviewV2 = UseReferenceCitationPreview;
+
+/** @deprecated use useReferenceCitationPreview */
+export declare const useReferenceCitationPreviewV2: ReferenceCitationPreviewGenerator;
+
+/** @deprecated use UseReferenceCitationPreviewProps */
+export declare type UseReferenceCitationPreviewV2Props = UseReferenceCitationPreviewProps;
+
+/**
+ * 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 useReferenceList_unstable: (props: ReferenceListProps, ref: React_2.Ref<HTMLDivElement>) => 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;
+
+/** @deprecated use useReferenceList_unstable */
+export declare const useReferenceListV2_unstable: (props: ReferenceListProps, ref: Ref<HTMLDivElement>) => ReferenceListState;
+
+/** @deprecated use useReferenceListStyles_unstable */
+export declare const useReferenceListV2Styles_unstable: (state: ReferenceListState) => ReferenceListState;
+
+/**
+ * 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;
+
+/** @deprecated use useReference_unstable */
+export declare const useReferenceV2_unstable: (props: ReferenceProps, ref: Ref<HTMLAnchorElement | HTMLButtonElement>) => ReferenceState;
+
+/** @deprecated use useReferenceStyles_unstable */
+export declare const useReferenceV2Styles_unstable: (state: ReferenceState) => ReferenceState;
+
+export { }

package/lib/Citation.js

@@ -0,0 +1 @@
+export { Citation, citationClassNames, renderCitation_unstable, useCitationStyles_unstable, useCitation_unstable } from './components/Citation/index';

package/lib/Citation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Citation.ts"],"sourcesContent":["export type { CitationProps, CitationSlots, CitationState } from './components/Citation/index';\nexport { Citation, citationClassNames, renderCitation_unstable, useCitationStyles_unstable, useCitation_unstable } from './components/Citation/index';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitationStyles_unstable","useCitation_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,QAAQ,EAAEC,kBAAkB,EAAEC,uBAAuB,EAAEC,0BAA0B,EAAEC,oBAAoB,QAAQ,8BAA8B"}

package/lib/Reference.js

@@ -0,0 +1 @@
+export { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './components/Reference/index';

package/lib/Reference.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Reference.ts"],"sourcesContent":["export type { ReferenceProps, ReferenceSlots, ReferenceState } from './components/Reference/index';\nexport {\n  Reference,\n  referenceClassNames,\n  referenceExtraClassNames,\n  renderReference_unstable,\n  useReferenceStyles_unstable,\n  useReference_unstable,\n} from './components/Reference/index';\n"],"names":["Reference","referenceClassNames","referenceExtraClassNames","renderReference_unstable","useReferenceStyles_unstable","useReference_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,+BAA+B"}

package/lib/ReferenceList.js

@@ -0,0 +1 @@
+export { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/ReferenceList/index';

package/lib/ReferenceList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceList.ts"],"sourcesContent":["export type {\n  ReferenceListContextValues,\n  ReferenceListProps,\n  ReferenceListSlots,\n  ReferenceListState,\n} from './components/ReferenceList/index';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  renderReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  useReferenceList_unstable,\n} from './components/ReferenceList/index';\n"],"names":["ReferenceList","referenceListClassNames","renderReferenceList_unstable","useReferenceListStyles_unstable","useReferenceList_unstable"],"rangeMappings":"","mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}

package/lib/ReferenceOverflowButton.js

@@ -0,0 +1 @@
+export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './components/ReferenceOverflowButton/index';

package/lib/ReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.ts"],"sourcesContent":["export type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './components/ReferenceOverflowButton/index';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './components/ReferenceOverflowButton/index';\n"],"names":["ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable"],"rangeMappings":"","mappings":"AAKA,SACEA,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,QAC9B,6CAA6C"}

package/lib/components/Citation/Citation.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { useCitation_unstable } from './useCitation';
+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);
+});
+Citation.displayName = 'Citation';

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

@@ -0,0 +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.styles';\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,6BAA6B;AAGxE,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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering Citation
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Citation.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport 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  DesignVersion & {\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' | 'designVersion'>> & {\n    isPopoverLocked: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AA2BA;;CAEC,GACD,WAGI"}

package/lib/components/Citation/index.js

@@ -0,0 +1,4 @@
+export { Citation } from './Citation';
+export { renderCitation_unstable } from './renderCitation';
+export { useCitation_unstable } from './useCitation';
+export { citationClassNames, useCitationStyles_unstable } from './useCitationStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Citation } from './Citation';\nexport type { CitationProps, CitationSlots, CitationState } from './Citation.types';\nexport { renderCitation_unstable } from './renderCitation';\nexport { useCitation_unstable } from './useCitation';\nexport { citationClassNames, useCitationStyles_unstable } from './useCitationStyles.styles';\n"],"names":["Citation","renderCitation_unstable","useCitation_unstable","citationClassNames","useCitationStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ,6BAA6B"}

package/lib/components/Citation/renderCitation.js

@@ -0,0 +1,8 @@
+  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, {});
+};

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

@@ -0,0 +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';\nimport type { JSXElement } from '@fluentui/react-components';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState): JSXElement => {\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;AAGzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtCF,YAA2BE;IAE3B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/Citation/useCitation.js

@@ -0,0 +1,34 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
+import { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';
+import { useDesignVersion } from '@fluentui-copilot/react-provider';
+/**
+ * Create the state required to render Citation.
+ *
+ * The returned state can be modified with hooks such as useCitationStyles_unstable,
+ * before being passed to renderCitation_unstable.
+ *
+ * @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;
+};

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

@@ -0,0 +1 @@
+{"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';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\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  const designVersion = useDesignVersion(props.designVersion);\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    designVersion,\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","useDesignVersion","useCitation_unstable","props","ref","referenceHref","block","otherProps","designVersion","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,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,gBAAgBP,iBAAiBE,MAAMK,aAAa;IAE1D,MAAMC,kBAAkBT,2BAA2BU,CAAAA,MAAOA,IAAIC,eAAe,KAAMR,KAAK,CAAC,gBAAgB;IAEzG,MAAMS,QAAuB;QAC3BN;QACAE;QACAC;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMf,KAAKgB,MAAM,CACfjB,yBAAyB,KAAK;YAC5BM;YACAY,MAAMX;YACNY,MAAMC;YACN,iBAAiBA;YACjB,GAAGX,UAAU;QACf,IACA;YAAEY,aAAa;QAAI;IAEvB;IAEA,OAAOP;AACT,EAAE"}

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

@@ -0,0 +1,59 @@
+import { __resetStyles, __styles, mergeClasses, shorthands } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const citationClassNames = {
+  root: 'fai-Citation'
+};
+const useCitationBaseClassName = __resetStyles("r1jm3di4", "r6zn0t3", [".r1jm3di4{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(--fontWeightBold);line-height:var(--lineHeightBase200);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase200) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}", ".r1jm3di4:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".r1jm3di4:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}", ".r6zn0t3{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(--fontWeightBold);line-height:var(--lineHeightBase200);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase200) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}", ".r6zn0t3:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}", ".r6zn0t3:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}"]);
+const useCitationRootStyles = __styles({
+  isBlock: {
+    mc9l5x: "f22iagw",
+    Frg6f3: ["f1tyq0we", "f11qmguv"],
+    t21cq0: ["f11qmguv", "f1tyq0we"]
+  },
+  isPopoverLocked: {
+    sj55zd: "fkjhhq2",
+    g2u3we: "f1nbqb3e",
+    h3c5rm: ["fah3j9v", "f56crja"],
+    B9xav0g: "fef4ti1",
+    zhjwy3: ["f56crja", "fah3j9v"],
+    De3pzq: "f16xkysk",
+    Bi91k9c: "fbszb7v",
+    Bgoe8wy: "ftxwbyd",
+    Bwzppfd: ["f1p7dilp", "f15x2k42"],
+    oetu4i: "fegdlwn",
+    gg5e9n: ["f15x2k42", "f1p7dilp"],
+    Jwef8y: "f121v1wq"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".f1tyq0we{margin-left:0;}", ".f11qmguv{margin-right:0;}", ".fkjhhq2{color:var(--colorBrandForeground2Pressed);}", ".f1nbqb3e{border-top-color:var(--colorBrandStroke2Pressed);}", ".fah3j9v{border-right-color:var(--colorBrandStroke2Pressed);}", ".f56crja{border-left-color:var(--colorBrandStroke2Pressed);}", ".fef4ti1{border-bottom-color:var(--colorBrandStroke2Pressed);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}"],
+  h: [".fbszb7v:hover{color:var(--colorBrandForeground2Pressed);}", ".ftxwbyd:hover{border-top-color:var(--colorBrandStroke2Pressed);}", ".f1p7dilp:hover{border-right-color:var(--colorBrandStroke2Pressed);}", ".f15x2k42:hover{border-left-color:var(--colorBrandStroke2Pressed);}", ".fegdlwn:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}", ".f121v1wq:hover{background-color:var(--colorBrandBackground2);}"]
+});
+const useNextStyles = __styles({
+  root: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1kijzfu"
+  }
+}, {
+  d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
+    p: -1
+  }]]
+});
+/**
+ * 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;
+};
+//# sourceMappingURL=useCitationStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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","tokens","typographyStyles","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,QAAQ,6BAA6B;AACnG,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,2BAA2BR,gBAAgB;IAC/CS,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGR,iBAAiBS,cAAc;IAElCC,iBAAiBX,OAAOY,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEb,OAAOc,eAAe,CAAC,OAAO,EAAEd,OAAOe,mBAAmB,CAAC,CAAC;IACvEC,OAAOhB,OAAOiB,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEnB,iBAAiBS,cAAc,CAACW,UAAU,CAAC,GAAG,EAAEpB,iBAAiBS,cAAc,CAACY,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAevB,OAAOwB,oBAAoB;IAE1CC,cAAczB,OAAO0B,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAY5B,OAAOwB,oBAAoB;IACvCK,aAAa7B,OAAOwB,oBAAoB;IAExC,UAAU;QACRf,QAAQ;QACRO,OAAOhB,OAAO8B,0BAA0B;QACxCC,aAAa/B,OAAOgC,sBAAsB;QAC1CrB,iBAAiBX,OAAOiC,0BAA0B;IACpD;IAEA,iBAAiB;QACfxB,QAAQ;QACRO,OAAOhB,OAAOkC,4BAA4B;QAC1CH,aAAa/B,OAAOmC,wBAAwB;QAC5CxB,iBAAiBX,OAAOoC,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBxC,WAAW;IACvCyC,SAAS;QACPjC,SAAS;QACTuB,YAAY;QACZC,aAAa;IACf;IACAU,iBAAiB;QACfvB,OAAOhB,OAAOkC,4BAA4B;QAC1C,GAAGnC,WAAWgC,WAAW,CAAC/B,OAAOmC,wBAAwB,CAAC;QAC1DxB,iBAAiBX,OAAOwC,qBAAqB;QAC7C,UAAU;YACRxB,OAAOhB,OAAOkC,4BAA4B;YAC1C,GAAGnC,WAAWgC,WAAW,CAAC/B,OAAOmC,wBAAwB,CAAC;YAC1DxB,iBAAiBX,OAAOwC,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgB5C,WAAW;IAAEM,MAAM;QAAEsB,cAAczB,OAAO0C,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"}