@fluentui-copilot/react-reference 0.0.0-nightly-20240326-0406-81404260.1 → 0.0.0-nightly-20240329-0406-56cbae9a.1

package/lib/hooks/useReferenceCitationPreview.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import * as React from 'react';
-import { Badge, Caption1, assertSlots, mergeCallbacks, slot, useId, usePopoverContext_unstable } from '@fluentui/react-components';
-// eslint-disable-next-line @nx/enforce-module-boundaries
+import { Caption1, assertSlots, mergeCallbacks, slot, useId, usePopoverContext_unstable } from '@fluentui/react-components';
 import { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';
+import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
 import { Citation } from '../Citation';
 import { Reference } from '../Reference';
 // Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.
@@ -33,7 +33,8 @@ export const useReferenceCitationPreview = ({
   citationProps,
   referenceProps,
   previewProps,
-  previewSurfaceProps
+  previewSurfaceProps,
+  sensitivityLabelProps
 }) => {
   const refId = useId();
   const citeId = useId();
@@ -69,13 +70,14 @@ export const useReferenceCitationPreview = ({
         content
       };
       assertSlots(citationWithPreviewState);
-      // We resolve the slots' objects for sensitivityLabel and title here so that we can use the information from their children below.
-      const sensitivityLabel = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivityLabel, {
+      // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.
+      const sensitivity = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivity, {
         elementType: 'span'
       });
       const title = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {
         elementType: 'div'
       });
+      var _sensitivityLabelProps_description;
       return /*#__PURE__*/_jsxs(Preview, {
         closeOnScroll: true,
         positioning: "below",
@@ -87,7 +89,6 @@ export const useReferenceCitationPreview = ({
           children: /*#__PURE__*/_jsx(Citation, {
             ...citationProps,
             id: citationId,
-            referenceId: referenceId,
             ...props,
             children: index
           })
@@ -108,11 +109,9 @@ export const useReferenceCitationPreview = ({
               primaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.primaryText,
               secondaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.secondaryText,
               tertiaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.tertiaryText
-            }), sensitivityLabel && /*#__PURE__*/_jsx(Badge, {
-              color: "informative",
-              shape: "rounded",
-              size: "small",
-              children: sensitivityLabel.children
+            }), sensitivity && /*#__PURE__*/_jsx(SensitivityLabel, {
+              description: (_sensitivityLabelProps_description = sensitivityLabelProps === null || sensitivityLabelProps === void 0 ? void 0 : sensitivityLabelProps.description) !== null && _sensitivityLabelProps_description !== void 0 ? _sensitivityLabelProps_description : '',
+              children: sensitivity.children
             }), /*#__PURE__*/_jsx(citationWithPreviewState.content, {}), previewProps === null || previewProps === void 0 ? void 0 : previewProps.children]
           })
         })]
@@ -122,7 +121,7 @@ export const useReferenceCitationPreview = ({
       Citation: CitationWithPreview,
       Reference: PackagedReference
     };
-  }, [index, referenceId, citationId, referenceProps, citationProps, previewProps, previewSurfaceProps]);
+  }, [index, referenceId, citationId, referenceProps, citationProps, previewProps, previewSurfaceProps, sensitivityLabelProps]);
   return components;
 };
 //# sourceMappingURL=useReferenceCitationPreview.js.map

package/lib/hooks/useReferenceCitationPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport {\n  Badge,\n  Caption1,\n  assertSlots,\n  mergeCallbacks,\n  slot,\n  useId,\n  usePopoverContext_unstable,\n} from '@fluentui/react-components';\nimport type { Slot } from '@fluentui/react-components';\n\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\n// eslint-disable-next-line @nx/enforce-module-boundaries\nimport type { PreviewProps, PreviewSurfaceProps } from '@fluentui-copilot/react-preview';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\ntype PartialCitationProps = 'referenceHref' | 'referenceId';\n\n/**\n * Props for a \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitationProps = Omit<CitationProps, PartialCitationProps | 'popover' | 'popoverSurface'> &\n  Partial<Pick<CitationProps, PartialCitationProps>>;\n\n/**\n * A \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitation = React.FC<PackagedCitationProps>;\n\ntype PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';\n\n/**\n * Props for a \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> &\n  Partial<Pick<ReferenceProps, PartialReferenceProps>>;\n\n/**\n * A \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReference = React.FC<PackagedReferenceProps>;\n\n/**\n * Data used to package a `Citation` and `Reference` together with\n * the `useReferenceCitation` hook.\n */\nexport type ReferenceCitationData = {\n  index: number;\n  referenceId?: string;\n  citationId?: string;\n  citationProps?: PackagedCitationProps;\n  referenceProps?: PackagedReferenceProps;\n  previewProps?: PreviewProps;\n  previewSurfaceProps?: PreviewSurfaceProps;\n};\n\nexport type UseReferenceCitationPreview = (data: ReferenceCitationData) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\ntype PreviewExtraSlots = {\n  content: Slot<'div'>;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = ({\n  index,\n  referenceId: propsRefId,\n  citationId: propsCiteId,\n  citationProps,\n  referenceProps,\n  previewProps,\n  previewSurfaceProps,\n}) => {\n  const refId = useId();\n  const citeId = useId();\n\n  const referenceId = propsRefId ?? refId;\n  const citationId = propsCiteId ?? citeId;\n\n  const components = React.useMemo(() => {\n    const citationHref = `#${citationId}`;\n\n    const PackagedReference: PackagedReference = props => {\n      const referenceIndex = props.index ?? referenceProps?.index ?? index;\n\n      return (\n        <Reference\n          {...referenceProps}\n          index={referenceIndex}\n          referenceId={referenceId}\n          citationHref={citationHref}\n          {...props}\n        />\n      );\n    };\n\n    const CitationWithPreview: PackagedCitation = props => {\n      // We assert content as a slot to use it with its resolved props object and the correct defaults below.\n      const content = slot.always(referenceProps ? referenceProps.content : undefined, {\n        defaultProps: {\n          children: referenceProps?.excerpt && <Caption1>{referenceProps.excerpt}</Caption1>,\n        },\n        elementType: 'div',\n      });\n      const citationWithPreviewState = {\n        components: {\n          content: 'div',\n        },\n        content,\n      };\n      assertSlots<PreviewExtraSlots>(citationWithPreviewState);\n\n      // We resolve the slots' objects for sensitivityLabel and title here so that we can use the information from their children below.\n      const sensitivityLabel = slot.optional(referenceProps?.sensitivityLabel, { elementType: 'span' });\n      const title = slot.optional(referenceProps?.label, { elementType: 'div' });\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...previewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} id={citationId} referenceId={referenceId} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...previewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.media}\n              >\n                {title?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={referenceProps?.icon}\n                primaryText={referenceProps?.primaryText}\n                secondaryText={referenceProps?.secondaryText}\n                tertiaryText={referenceProps?.tertiaryText}\n              />\n              {sensitivityLabel && (\n                <Badge color=\"informative\" shape=\"rounded\" size=\"small\">\n                  {sensitivityLabel.children}\n                </Badge>\n              )}\n              <citationWithPreviewState.content />\n              {previewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: CitationWithPreview,\n      Reference: PackagedReference,\n    };\n  }, [index, referenceId, citationId, referenceProps, citationProps, previewProps, previewSurfaceProps]);\n\n  return components;\n};\n"],"names":["React","Badge","Caption1","assertSlots","mergeCallbacks","slot","useId","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","useReferenceCitationPreview","index","referenceId","propsRefId","citationId","propsCiteId","citationProps","referenceProps","previewProps","previewSurfaceProps","refId","citeId","components","useMemo","citationHref","PackagedReference","props","referenceIndex","CitationWithPreview","content","always","undefined","defaultProps","children","excerpt","elementType","citationWithPreviewState","sensitivityLabel","optional","title","label","closeOnScroll","positioning","size","trapFocus","withArrow","id","citation","aria-label","referenceHref","tabIndex","media","icon","primaryText","secondaryText","tertiaryText","color","shape"],"mappings":"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"}
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport {\n  Caption1,\n  assertSlots,\n  mergeCallbacks,\n  slot,\n  useId,\n  usePopoverContext_unstable,\n} from '@fluentui/react-components';\nimport type { Slot } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type { PreviewProps, PreviewSurfaceProps } from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\n/**\n * Props for a \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitationProps = Omit<CitationProps, 'referenceHref'> &\n  Partial<Pick<CitationProps, 'referenceHref'>>;\n\n/**\n * A \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitation = React.FC<PackagedCitationProps>;\n\ntype PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';\n\n/**\n * Props for a \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> &\n  Partial<Pick<ReferenceProps, PartialReferenceProps>>;\n\n/**\n * A \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReference = React.FC<PackagedReferenceProps>;\n\n/**\n * Data used to package a `Citation` and `Reference` together with\n * the `useReferenceCitation` hook.\n */\nexport type ReferenceCitationData = {\n  index: number;\n  referenceId?: string;\n  citationId?: string;\n  citationProps?: PackagedCitationProps;\n  referenceProps?: PackagedReferenceProps;\n  previewProps?: PreviewProps;\n  previewSurfaceProps?: PreviewSurfaceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (data: ReferenceCitationData) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\ntype PreviewExtraSlots = {\n  content: Slot<'div'>;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = ({\n  index,\n  referenceId: propsRefId,\n  citationId: propsCiteId,\n  citationProps,\n  referenceProps,\n  previewProps,\n  previewSurfaceProps,\n  sensitivityLabelProps,\n}) => {\n  const refId = useId();\n  const citeId = useId();\n\n  const referenceId = propsRefId ?? refId;\n  const citationId = propsCiteId ?? citeId;\n\n  const components = React.useMemo(() => {\n    const citationHref = `#${citationId}`;\n\n    const PackagedReference: PackagedReference = props => {\n      const referenceIndex = props.index ?? referenceProps?.index ?? index;\n\n      return (\n        <Reference\n          {...referenceProps}\n          index={referenceIndex}\n          referenceId={referenceId}\n          citationHref={citationHref}\n          {...props}\n        />\n      );\n    };\n\n    const CitationWithPreview: PackagedCitation = props => {\n      // We assert content as a slot to use it with its resolved props object and the correct defaults below.\n      const content = slot.always(referenceProps ? referenceProps.content : undefined, {\n        defaultProps: {\n          children: referenceProps?.excerpt && <Caption1>{referenceProps.excerpt}</Caption1>,\n        },\n        elementType: 'div',\n      });\n      const citationWithPreviewState = {\n        components: {\n          content: 'div',\n        },\n        content,\n      };\n      assertSlots<PreviewExtraSlots>(citationWithPreviewState);\n\n      // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.\n      const sensitivity = slot.optional(referenceProps?.sensitivity, { elementType: 'span' });\n      const title = slot.optional(referenceProps?.label, { elementType: 'div' });\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...previewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} id={citationId} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...previewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.media}\n              >\n                {title?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={referenceProps?.icon}\n                primaryText={referenceProps?.primaryText}\n                secondaryText={referenceProps?.secondaryText}\n                tertiaryText={referenceProps?.tertiaryText}\n              />\n              {sensitivity && (\n                <SensitivityLabel description={sensitivityLabelProps?.description ?? ''}>\n                  {sensitivity.children}\n                </SensitivityLabel>\n              )}\n              <citationWithPreviewState.content />\n              {previewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: CitationWithPreview,\n      Reference: PackagedReference,\n    };\n  }, [\n    index,\n    referenceId,\n    citationId,\n    referenceProps,\n    citationProps,\n    previewProps,\n    previewSurfaceProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["React","Caption1","assertSlots","mergeCallbacks","slot","useId","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","SensitivityLabel","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","useReferenceCitationPreview","index","referenceId","propsRefId","citationId","propsCiteId","citationProps","referenceProps","previewProps","previewSurfaceProps","sensitivityLabelProps","refId","citeId","components","useMemo","citationHref","PackagedReference","props","referenceIndex","CitationWithPreview","content","always","undefined","defaultProps","children","excerpt","elementType","citationWithPreviewState","sensitivity","optional","title","label","closeOnScroll","positioning","size","trapFocus","withArrow","id","citation","aria-label","referenceHref","tabIndex","media","icon","primaryText","secondaryText","tertiaryText","description"],"mappings":"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"}

package/lib/index.js

@@ -1,7 +1,6 @@
 export { Citation, citationClassNames, renderCitation_unstable, useCitation_unstable, useCitationStyles_unstable } from './Citation';
 export { Reference, referenceClassNames, renderReference_unstable, useReference_unstable, useReferenceStyles_unstable } from './Reference';
-export { useReferenceCitation, useReferenceCitationPreview, useReferenceGroup } from './hooks';
+export { useReferenceCitationPreview, useReferenceGroup } from './hooks';
 export { ReferenceList, referenceListClassNames, useReferenceList_unstable, useReferenceListStyles_unstable, renderReferenceList_unstable } from './ReferenceList';
-export { ReferenceGroup, referenceGroupClassNames, renderReferenceGroup_unstable, useReferenceGroup_unstable, useReferenceGroupStyles_unstable } from './ReferenceGroup';
 export { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './ReferenceGroupToggle';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\nexport {\n  Reference,\n  referenceClassNames,\n  renderReference_unstable,\n  useReference_unstable,\n  useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitation, useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  useReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n  ReferenceGroup,\n  referenceGroupClassNames,\n  renderReferenceGroup_unstable,\n  useReferenceGroup_unstable,\n  useReferenceGroupStyles_unstable,\n} from './ReferenceGroup';\nexport {\n  ReferenceGroupToggle,\n  referenceGroupToggleClassNames,\n  renderReferenceGroupToggle_unstable,\n  useReferenceGroupToggleStyles_unstable,\n  useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type { ReferenceGroupSlots, ReferenceGroupProps, ReferenceGroupState } from './ReferenceGroup';\nexport type {\n  ReferenceGroupToggleSlots,\n  ReferenceGroupToggleProps,\n  ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n  PackagedCitationProps,\n  PackagedCitation,\n  PackagedReferenceProps,\n  PackagedReference,\n  ReferenceCitationData,\n  UseReferenceCitation,\n  UseReferenceCitationPreview,\n  UseReferenceGroup,\n  UseReferenceGroupProps,\n} from './hooks';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitation","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroup","referenceGroupClassNames","renderReferenceGroup_unstable","useReferenceGroup_unstable","useReferenceGroupStyles_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable"],"mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,oBAAoB,EAAEC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AAC/F,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,0BAA0B,EAC1BC,gCAAgC,QAC3B,mBAAmB;AAC1B,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\nexport {\n  Reference,\n  referenceClassNames,\n  renderReference_unstable,\n  useReference_unstable,\n  useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  useReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n  ReferenceGroupToggle,\n  referenceGroupToggleClassNames,\n  renderReferenceGroupToggle_unstable,\n  useReferenceGroupToggleStyles_unstable,\n  useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n  ReferenceGroupToggleSlots,\n  ReferenceGroupToggleProps,\n  ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n  PackagedCitationProps,\n  PackagedCitation,\n  PackagedReferenceProps,\n  PackagedReference,\n  ReferenceCitationData,\n  UseReferenceCitationPreview,\n  UseReferenceGroup,\n  UseReferenceGroupProps,\n} from './hooks';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable"],"mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB"}

package/lib-commonjs/components/Citation/renderCitation.js

@@ -10,29 +10,7 @@ Object.defineProperty(exports, "renderCitation_unstable", {
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactcomponents = require("@fluentui/react-components");
-const popoverPositioning = {
-    overflowBoundaryPadding: 4,
-    position: 'below'
-};
 const renderCitation_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
-    return state.popover && state.popoverSurface ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactcomponents.Popover, {
-        closeOnScroll: true,
-        onOpenChange: state.onPopoverOpenChange,
-        open: state.isPopoverOpen,
-        positioning: popoverPositioning,
-        size: "small",
-        trapFocus: true,
-        unstable_disableAutoFocus: state.disableAutoFocus,
-        withArrow: true,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.PopoverTrigger, {
-                disableButtonEnhancement: true,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popoverSurface, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popover, {})
-            })
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 }; //# sourceMappingURL=renderCitation.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["renderCitation.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Popover, PopoverTrigger, assertSlots } from '@fluentui/react-components';\nconst popoverPositioning = {\n  overflowBoundaryPadding: 4,\n  position: 'below'\n};\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = state => {\n  assertSlots(state);\n  return state.popover && state.popoverSurface ? /*#__PURE__*/_jsxs(Popover, {\n    closeOnScroll: true,\n    onOpenChange: state.onPopoverOpenChange,\n    open: state.isPopoverOpen,\n    positioning: popoverPositioning,\n    size: \"small\",\n    trapFocus: true,\n    unstable_disableAutoFocus: state.disableAutoFocus,\n    withArrow: true,\n    children: [/*#__PURE__*/_jsx(PopoverTrigger, {\n      disableButtonEnhancement: true,\n      children: /*#__PURE__*/_jsx(state.root, {})\n    }), /*#__PURE__*/_jsx(state.popoverSurface, {\n      children: /*#__PURE__*/_jsx(state.popover, {})\n    })]\n  }) : /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderCitation.js.map"],"names":["renderCitation_unstable","popoverPositioning","overflowBoundaryPadding","position","state","assertSlots","popover","popoverSurface","_jsxs","Popover","closeOnScroll","onOpenChange","onPopoverOpenChange","open","isPopoverOpen","positioning","size","trapFocus","unstable_disableAutoFocus","disableAutoFocus","withArrow","children","_jsx","PopoverTrigger","disableButtonEnhancement","root"],"mappings":";;;;+BASaA;;;eAAAA;;;4BAT8B;iCACU;AACrD,MAAMC,qBAAqB;IACzBC,yBAAyB;IACzBC,UAAU;AACZ;AAIO,MAAMH,0BAA0BI,CAAAA;IACrCC,IAAAA,4BAAW,EAACD;IACZ,OAAOA,MAAME,OAAO,IAAIF,MAAMG,cAAc,GAAG,WAAW,GAAEC,IAAAA,gBAAK,EAACC,wBAAO,EAAE;QACzEC,eAAe;QACfC,cAAcP,MAAMQ,mBAAmB;QACvCC,MAAMT,MAAMU,aAAa;QACzBC,aAAad;QACbe,MAAM;QACNC,WAAW;QACXC,2BAA2Bd,MAAMe,gBAAgB;QACjDC,WAAW;QACXC,UAAU;YAAC,WAAW,GAAEC,IAAAA,eAAI,EAACC,+BAAc,EAAE;gBAC3CC,0BAA0B;gBAC1BH,UAAU,WAAW,GAAEC,IAAAA,eAAI,EAAClB,MAAMqB,IAAI,EAAE,CAAC;YAC3C;YAAI,WAAW,GAAEH,IAAAA,eAAI,EAAClB,MAAMG,cAAc,EAAE;gBAC1Cc,UAAU,WAAW,GAAEC,IAAAA,eAAI,EAAClB,MAAME,OAAO,EAAE,CAAC;YAC9C;SAAG;IACL,KAAK,WAAW,GAAEgB,IAAAA,eAAI,EAAClB,MAAMqB,IAAI,EAAE,CAAC;AACtC,GACA,0CAA0C"}
+{"version":3,"sources":["renderCitation.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderCitation.js.map"],"names":["renderCitation_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,0BAA0BC,CAAAA;IACrCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AACxC,GACA,0CAA0C"}

package/lib-commonjs/components/Citation/useCitation.js

@@ -8,146 +8,16 @@ Object.defineProperty(exports, "useCitation_unstable", {
         return useCitation_unstable;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
-const _keyboardkeys = require("@fluentui/keyboard-keys");
-const _reactutilities = require("@fluentui/react-utilities");
 const _reactpreview = require("@fluentui-copilot/react-preview");
-const POPOVER_MOUSE_HIDE_DELAY = 500;
-const POPOVER_KEYBOARD_HIDE_DELAY = 0;
-const getDelay = (type)=>{
-    if (type === 'focus' || type === 'blur') {
-        return POPOVER_KEYBOARD_HIDE_DELAY;
-    }
-    return POPOVER_MOUSE_HIDE_DELAY;
-};
 const useCitation_unstable = (props, ref)=>{
-    const { popover, popoverSurface, referenceHref, block = false, ...otherProps } = props;
-    const { targetDocument } = (0, _reactcomponents.useFluent)();
-    const [setTimeout, clearTimeout] = (0, _reactutilities.useTimeout)();
-    const popoverId = (0, _reactcomponents.useId)('citation-popover-');
-    const [disableAutoFocus, setDisableAutoFocus] = _react.useState(true);
-    const { current: citationInternalState } = _react.useRef({
-        openByClick: false,
-        openByHoverOverCitation: false,
-        openByHoverOverPopover: false,
-        openByKeyboard: false
-    });
-    const isOpen = ()=>{
-        return citationInternalState.openByClick || citationInternalState.openByHoverOverCitation || citationInternalState.openByHoverOverPopover || citationInternalState.openByKeyboard;
-    };
-    const [isPopoverOpen, setIsPopoverOpen] = _react.useState(false);
-    const preventDefaultClose = _react.useRef(false);
-    const handleCitationTargetEnter = (e)=>{
-        citationInternalState.openByHoverOverCitation = true;
-        // We want to disable auto focus only if the popover is being opened by hovering over the citation
-        if (!citationInternalState.openByClick && !citationInternalState.openByKeyboard) {
-            setDisableAutoFocus(true);
-        }
-        setIsPopoverOpen(isOpen());
-    };
-    const handleCitationTargetLeave = (e)=>{
-        citationInternalState.openByHoverOverCitation = false;
-        setTimeout(()=>{
-            setIsPopoverOpen(isOpen());
-        }, getDelay(e.type));
-    };
-    const handleCitationClick = (e)=>{
-        // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the citation as we want to control that behavior.
-        preventDefaultClose.current = true;
-        // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.
-        setDisableAutoFocus(false);
-        // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.
-        citationInternalState.openByClick = citationInternalState.openByKeyboard ? false : !citationInternalState.openByClick;
-        citationInternalState.openByHoverOverCitation = false;
-        citationInternalState.openByHoverOverPopover = false;
-        citationInternalState.openByKeyboard = false;
-        setIsPopoverOpen(isOpen());
-    };
-    const handleCitationKeyDown = (e)=>{
-        if (e.key === _keyboardkeys.Enter) {
-            clearTimeout();
-            // Setting default prevented so the enter key does not trigger a click event or onPopoverOpenChange.
-            e.preventDefault();
-            // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.
-            setDisableAutoFocus(false);
-            // If openByClick is true, then the popover was already opened via click and we always want to close it.
-            citationInternalState.openByKeyboard = citationInternalState.openByClick ? false : !citationInternalState.openByKeyboard;
-            citationInternalState.openByClick = false;
-            citationInternalState.openByHoverOverCitation = false;
-            citationInternalState.openByHoverOverPopover = false;
-            setIsPopoverOpen(isOpen());
-        }
-    };
-    const handlePopoverTargetEnter = (e)=>{
-        citationInternalState.openByHoverOverPopover = true;
-        setIsPopoverOpen(isOpen());
-    };
-    const handlePopoverTargetLeave = (e)=>{
-        citationInternalState.openByHoverOverPopover = false;
-        setTimeout(()=>{
-            setIsPopoverOpen(isOpen());
-        }, getDelay(e.type));
-    };
-    const onPopoverOpenChange = (e, data)=>{
-        if (!data.open) {
-            // We set all open state to false if preventDefaultClose was not set to true
-            if (!preventDefaultClose.current) {
-                clearTimeout();
-                citationInternalState.openByClick = false;
-                citationInternalState.openByHoverOverCitation = false;
-                citationInternalState.openByHoverOverPopover = false;
-                citationInternalState.openByKeyboard = false;
-                // use isOpen if managing owned popover, otherwise use data.open
-                const open = popover ? isOpen() : data.open;
-                setIsPopoverOpen(open);
-            }
-        }
-        preventDefaultClose.current = false;
-    };
-    // hitting escape should close the popover if it was opened by hover
-    // this is necessary to attach to the document because focus is likely not within the citation or popover
-    (0, _reactcomponents.useIsomorphicLayoutEffect)(()=>{
-        if (isPopoverOpen) {
-            const onDocumentKeyDown = (e)=>{
-                const openedByHover = !citationInternalState.openByClick && !citationInternalState.openByKeyboard;
-                if (openedByHover && e.key === _keyboardkeys.Escape) {
-                    clearTimeout();
-                    // We set state back to its default if the Escape key has been pressed
-                    setDisableAutoFocus(true);
-                    citationInternalState.openByClick = false;
-                    citationInternalState.openByHoverOverCitation = false;
-                    citationInternalState.openByHoverOverPopover = false;
-                    citationInternalState.openByKeyboard = false;
-                    setIsPopoverOpen(isOpen());
-                    e.stopPropagation();
-                }
-            };
-            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
-                capture: true
-            });
-            return ()=>{
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
-                    capture: true
-                });
-            };
-        }
-    }, [
-        targetDocument,
-        isPopoverOpen
-    ]);
-    const isPopoverLocked = (0, _reactpreview.usePreviewContext_unstable)((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'] || citationInternalState.openByClick || citationInternalState.openByKeyboard;
+    const { referenceHref, block = false, ...otherProps } = props;
+    const isPopoverLocked = (0, _reactpreview.usePreviewContext_unstable)((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'];
     const state = {
         block,
-        disableAutoFocus,
-        isPopoverOpen,
         isPopoverLocked,
-        onPopoverOpenChange,
         components: {
-            root: 'a',
-            popover: 'div',
-            popoverSurface: _reactcomponents.PopoverSurface
+            root: 'a'
         },
         root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('a', {
             ref,
@@ -157,29 +27,7 @@ const useCitation_unstable = (props, ref)=>{
             ...otherProps
         }), {
             elementType: 'a'
-        }),
-        popover: _reactcomponents.slot.optional(popover, {
-            elementType: 'div'
-        }),
-        popoverSurface: _reactcomponents.slot.optional(popoverSurface, {
-            defaultProps: {
-                id: popoverId,
-                'aria-labelledby': popoverId
-            },
-            elementType: _reactcomponents.PopoverSurface,
-            renderByDefault: true
         })
     };
-    // attach popover handling events only if a popover is present
-    if (state.popover) {
-        state.root.onMouseEnter = (0, _reactcomponents.mergeCallbacks)(state.root.onMouseEnter, handleCitationTargetEnter);
-        state.root.onMouseLeave = (0, _reactcomponents.mergeCallbacks)(state.root.onMouseLeave, handleCitationTargetLeave);
-        state.root.onBlur = (0, _reactcomponents.mergeCallbacks)(state.root.onBlur, handleCitationTargetLeave);
-        state.root.onClick = (0, _reactcomponents.mergeCallbacks)(state.root.onClick, handleCitationClick);
-        state.root.onKeyDown = (0, _reactcomponents.mergeCallbacks)(state.root.onKeyDown, handleCitationKeyDown);
-        state.popover.onMouseEnter = (0, _reactcomponents.mergeCallbacks)(state.popover.onMouseEnter, handlePopoverTargetEnter);
-        state.popover.onMouseLeave = (0, _reactcomponents.mergeCallbacks)(state.popover.onMouseLeave, handlePopoverTargetLeave);
-        state.popover.onFocus = (0, _reactcomponents.mergeCallbacks)(state.popover.onFocus, handlePopoverTargetEnter);
-    }
     return state;
 }; //# sourceMappingURL=useCitation.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, PopoverSurface, mergeCallbacks, slot, useFluent, useId, useIsomorphicLayoutEffect } from '@fluentui/react-components';\nimport { Enter, Escape } from '@fluentui/keyboard-keys';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nconst POPOVER_MOUSE_HIDE_DELAY = 500;\nconst POPOVER_KEYBOARD_HIDE_DELAY = 0;\nconst getDelay = type => {\n  if (type === 'focus' || type === 'blur') {\n    return POPOVER_KEYBOARD_HIDE_DELAY;\n  }\n  return POPOVER_MOUSE_HIDE_DELAY;\n};\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, ref) => {\n  const {\n    popover,\n    popoverSurface,\n    referenceHref,\n    block = false,\n    ...otherProps\n  } = props;\n  const {\n    targetDocument\n  } = useFluent();\n  const [setTimeout, clearTimeout] = useTimeout();\n  const popoverId = useId('citation-popover-');\n  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);\n  const {\n    current: citationInternalState\n  } = React.useRef({\n    openByClick: false,\n    openByHoverOverCitation: false,\n    openByHoverOverPopover: false,\n    openByKeyboard: false\n  });\n  const isOpen = () => {\n    return citationInternalState.openByClick || citationInternalState.openByHoverOverCitation || citationInternalState.openByHoverOverPopover || citationInternalState.openByKeyboard;\n  };\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const preventDefaultClose = React.useRef(false);\n  const handleCitationTargetEnter = e => {\n    citationInternalState.openByHoverOverCitation = true;\n    // We want to disable auto focus only if the popover is being opened by hovering over the citation\n    if (!citationInternalState.openByClick && !citationInternalState.openByKeyboard) {\n      setDisableAutoFocus(true);\n    }\n    setIsPopoverOpen(isOpen());\n  };\n  const handleCitationTargetLeave = e => {\n    citationInternalState.openByHoverOverCitation = false;\n    setTimeout(() => {\n      setIsPopoverOpen(isOpen());\n    }, getDelay(e.type));\n  };\n  const handleCitationClick = e => {\n    // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the citation as we want to control that behavior.\n    preventDefaultClose.current = true;\n    // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.\n    setDisableAutoFocus(false);\n    // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.\n    citationInternalState.openByClick = citationInternalState.openByKeyboard ? false : !citationInternalState.openByClick;\n    citationInternalState.openByHoverOverCitation = false;\n    citationInternalState.openByHoverOverPopover = false;\n    citationInternalState.openByKeyboard = false;\n    setIsPopoverOpen(isOpen());\n  };\n  const handleCitationKeyDown = e => {\n    if (e.key === Enter) {\n      clearTimeout();\n      // Setting default prevented so the enter key does not trigger a click event or onPopoverOpenChange.\n      e.preventDefault();\n      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.\n      setDisableAutoFocus(false);\n      // If openByClick is true, then the popover was already opened via click and we always want to close it.\n      citationInternalState.openByKeyboard = citationInternalState.openByClick ? false : !citationInternalState.openByKeyboard;\n      citationInternalState.openByClick = false;\n      citationInternalState.openByHoverOverCitation = false;\n      citationInternalState.openByHoverOverPopover = false;\n      setIsPopoverOpen(isOpen());\n    }\n  };\n  const handlePopoverTargetEnter = e => {\n    citationInternalState.openByHoverOverPopover = true;\n    setIsPopoverOpen(isOpen());\n  };\n  const handlePopoverTargetLeave = e => {\n    citationInternalState.openByHoverOverPopover = false;\n    setTimeout(() => {\n      setIsPopoverOpen(isOpen());\n    }, getDelay(e.type));\n  };\n  const onPopoverOpenChange = (e, data) => {\n    if (!data.open) {\n      // We set all open state to false if preventDefaultClose was not set to true\n      if (!preventDefaultClose.current) {\n        clearTimeout();\n        citationInternalState.openByClick = false;\n        citationInternalState.openByHoverOverCitation = false;\n        citationInternalState.openByHoverOverPopover = false;\n        citationInternalState.openByKeyboard = false;\n        // use isOpen if managing owned popover, otherwise use data.open\n        const open = popover ? isOpen() : data.open;\n        setIsPopoverOpen(open);\n      }\n    }\n    preventDefaultClose.current = false;\n  };\n  // hitting escape should close the popover if it was opened by hover\n  // this is necessary to attach to the document because focus is likely not within the citation or popover\n  useIsomorphicLayoutEffect(() => {\n    if (isPopoverOpen) {\n      const onDocumentKeyDown = e => {\n        const openedByHover = !citationInternalState.openByClick && !citationInternalState.openByKeyboard;\n        if (openedByHover && e.key === Escape) {\n          clearTimeout();\n          // We set state back to its default if the Escape key has been pressed\n          setDisableAutoFocus(true);\n          citationInternalState.openByClick = false;\n          citationInternalState.openByHoverOverCitation = false;\n          citationInternalState.openByHoverOverPopover = false;\n          citationInternalState.openByKeyboard = false;\n          setIsPopoverOpen(isOpen());\n          e.stopPropagation();\n        }\n      };\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {\n        capture: true\n      });\n      return () => {\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [targetDocument, isPopoverOpen]);\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'] || citationInternalState.openByClick || citationInternalState.openByKeyboard;\n  const state = {\n    block,\n    disableAutoFocus,\n    isPopoverOpen,\n    isPopoverLocked,\n    onPopoverOpenChange,\n    components: {\n      root: 'a',\n      popover: 'div',\n      popoverSurface: PopoverSurface\n    },\n    root: slot.always(getNativeElementProps('a', {\n      ref,\n      href: referenceHref,\n      role: null,\n      'aria-expanded': null,\n      ...otherProps\n    }), {\n      elementType: 'a'\n    }),\n    popover: slot.optional(popover, {\n      elementType: 'div'\n    }),\n    popoverSurface: slot.optional(popoverSurface, {\n      defaultProps: {\n        id: popoverId,\n        'aria-labelledby': popoverId\n      },\n      elementType: PopoverSurface,\n      renderByDefault: true\n    })\n  };\n  // attach popover handling events only if a popover is present\n  if (state.popover) {\n    state.root.onMouseEnter = mergeCallbacks(state.root.onMouseEnter, handleCitationTargetEnter);\n    state.root.onMouseLeave = mergeCallbacks(state.root.onMouseLeave, handleCitationTargetLeave);\n    state.root.onBlur = mergeCallbacks(state.root.onBlur, handleCitationTargetLeave);\n    state.root.onClick = mergeCallbacks(state.root.onClick, handleCitationClick);\n    state.root.onKeyDown = mergeCallbacks(state.root.onKeyDown, handleCitationKeyDown);\n    state.popover.onMouseEnter = mergeCallbacks(state.popover.onMouseEnter, handlePopoverTargetEnter);\n    state.popover.onMouseLeave = mergeCallbacks(state.popover.onMouseLeave, handlePopoverTargetLeave);\n    state.popover.onFocus = mergeCallbacks(state.popover.onFocus, handlePopoverTargetEnter);\n  }\n  return state;\n};\n//# sourceMappingURL=useCitation.js.map"],"names":["useCitation_unstable","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","props","ref","popover","popoverSurface","referenceHref","block","otherProps","targetDocument","useFluent","setTimeout","clearTimeout","useTimeout","popoverId","useId","disableAutoFocus","setDisableAutoFocus","React","useState","current","citationInternalState","useRef","openByClick","openByHoverOverCitation","openByHoverOverPopover","openByKeyboard","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","handleCitationTargetEnter","e","handleCitationTargetLeave","handleCitationClick","handleCitationKeyDown","key","Enter","preventDefault","handlePopoverTargetEnter","handlePopoverTargetLeave","onPopoverOpenChange","data","open","useIsomorphicLayoutEffect","onDocumentKeyDown","openedByHover","Escape","stopPropagation","addEventListener","capture","removeEventListener","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","PopoverSurface","slot","always","getNativeElementProps","href","role","elementType","optional","defaultProps","id","renderByDefault","onMouseEnter","mergeCallbacks","onMouseLeave","onBlur","onClick","onKeyDown","onFocus"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;iCACkG;8BAC3F;gCACH;8BACgB;AAC3C,MAAMC,2BAA2B;AACjC,MAAMC,8BAA8B;AACpC,MAAMC,WAAWC,CAAAA;IACf,IAAIA,SAAS,WAAWA,SAAS,QAAQ;QACvC,OAAOF;IACT;IACA,OAAOD;AACT;AAUO,MAAMD,uBAAuB,CAACK,OAAOC;IAC1C,MAAM,EACJC,OAAO,EACPC,cAAc,EACdC,aAAa,EACbC,QAAQ,KAAK,EACb,GAAGC,YACJ,GAAGN;IACJ,MAAM,EACJO,cAAc,EACf,GAAGC,IAAAA,0BAAS;IACb,MAAM,CAACC,YAAYC,aAAa,GAAGC,IAAAA,0BAAU;IAC7C,MAAMC,YAAYC,IAAAA,sBAAK,EAAC;IACxB,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,OAAMC,QAAQ,CAAC;IAC/D,MAAM,EACJC,SAASC,qBAAqB,EAC/B,GAAGH,OAAMI,MAAM,CAAC;QACfC,aAAa;QACbC,yBAAyB;QACzBC,wBAAwB;QACxBC,gBAAgB;IAClB;IACA,MAAMC,SAAS;QACb,OAAON,sBAAsBE,WAAW,IAAIF,sBAAsBG,uBAAuB,IAAIH,sBAAsBI,sBAAsB,IAAIJ,sBAAsBK,cAAc;IACnL;IACA,MAAM,CAACE,eAAeC,iBAAiB,GAAGX,OAAMC,QAAQ,CAAC;IACzD,MAAMW,sBAAsBZ,OAAMI,MAAM,CAAC;IACzC,MAAMS,4BAA4BC,CAAAA;QAChCX,sBAAsBG,uBAAuB,GAAG;QAChD,kGAAkG;QAClG,IAAI,CAACH,sBAAsBE,WAAW,IAAI,CAACF,sBAAsBK,cAAc,EAAE;YAC/ET,oBAAoB;QACtB;QACAY,iBAAiBF;IACnB;IACA,MAAMM,4BAA4BD,CAAAA;QAChCX,sBAAsBG,uBAAuB,GAAG;QAChDb,WAAW;YACTkB,iBAAiBF;QACnB,GAAG3B,SAASgC,EAAE/B,IAAI;IACpB;IACA,MAAMiC,sBAAsBF,CAAAA;QAC1B,sJAAsJ;QACtJF,oBAAoBV,OAAO,GAAG;QAC9B,uHAAuH;QACvHH,oBAAoB;QACpB,8GAA8G;QAC9GI,sBAAsBE,WAAW,GAAGF,sBAAsBK,cAAc,GAAG,QAAQ,CAACL,sBAAsBE,WAAW;QACrHF,sBAAsBG,uBAAuB,GAAG;QAChDH,sBAAsBI,sBAAsB,GAAG;QAC/CJ,sBAAsBK,cAAc,GAAG;QACvCG,iBAAiBF;IACnB;IACA,MAAMQ,wBAAwBH,CAAAA;QAC5B,IAAIA,EAAEI,GAAG,KAAKC,mBAAK,EAAE;YACnBzB;YACA,oGAAoG;YACpGoB,EAAEM,cAAc;YAChB,0HAA0H;YAC1HrB,oBAAoB;YACpB,wGAAwG;YACxGI,sBAAsBK,cAAc,GAAGL,sBAAsBE,WAAW,GAAG,QAAQ,CAACF,sBAAsBK,cAAc;YACxHL,sBAAsBE,WAAW,GAAG;YACpCF,sBAAsBG,uBAAuB,GAAG;YAChDH,sBAAsBI,sBAAsB,GAAG;YAC/CI,iBAAiBF;QACnB;IACF;IACA,MAAMY,2BAA2BP,CAAAA;QAC/BX,sBAAsBI,sBAAsB,GAAG;QAC/CI,iBAAiBF;IACnB;IACA,MAAMa,2BAA2BR,CAAAA;QAC/BX,sBAAsBI,sBAAsB,GAAG;QAC/Cd,WAAW;YACTkB,iBAAiBF;QACnB,GAAG3B,SAASgC,EAAE/B,IAAI;IACpB;IACA,MAAMwC,sBAAsB,CAACT,GAAGU;QAC9B,IAAI,CAACA,KAAKC,IAAI,EAAE;YACd,4EAA4E;YAC5E,IAAI,CAACb,oBAAoBV,OAAO,EAAE;gBAChCR;gBACAS,sBAAsBE,WAAW,GAAG;gBACpCF,sBAAsBG,uBAAuB,GAAG;gBAChDH,sBAAsBI,sBAAsB,GAAG;gBAC/CJ,sBAAsBK,cAAc,GAAG;gBACvC,gEAAgE;gBAChE,MAAMiB,OAAOvC,UAAUuB,WAAWe,KAAKC,IAAI;gBAC3Cd,iBAAiBc;YACnB;QACF;QACAb,oBAAoBV,OAAO,GAAG;IAChC;IACA,oEAAoE;IACpE,yGAAyG;IACzGwB,IAAAA,0CAAyB,EAAC;QACxB,IAAIhB,eAAe;YACjB,MAAMiB,oBAAoBb,CAAAA;gBACxB,MAAMc,gBAAgB,CAACzB,sBAAsBE,WAAW,IAAI,CAACF,sBAAsBK,cAAc;gBACjG,IAAIoB,iBAAiBd,EAAEI,GAAG,KAAKW,oBAAM,EAAE;oBACrCnC;oBACA,sEAAsE;oBACtEK,oBAAoB;oBACpBI,sBAAsBE,WAAW,GAAG;oBACpCF,sBAAsBG,uBAAuB,GAAG;oBAChDH,sBAAsBI,sBAAsB,GAAG;oBAC/CJ,sBAAsBK,cAAc,GAAG;oBACvCG,iBAAiBF;oBACjBK,EAAEgB,eAAe;gBACnB;YACF;YACAvC,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAewC,gBAAgB,CAAC,WAAWJ,mBAAmB;gBAC5HK,SAAS;YACX;YACA,OAAO;gBACLzC,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe0C,mBAAmB,CAAC,WAAWN,mBAAmB;oBAC/HK,SAAS;gBACX;YACF;QACF;IACF,GAAG;QAACzC;QAAgBmB;KAAc;IAClC,MAAMwB,kBAAkBC,IAAAA,wCAA0B,EAACC,CAAAA,MAAOA,IAAIC,eAAe,KAAKrD,KAAK,CAAC,gBAAgB,IAAImB,sBAAsBE,WAAW,IAAIF,sBAAsBK,cAAc;IACrL,MAAM8B,QAAQ;QACZjD;QACAS;QACAY;QACAwB;QACAX;QACAgB,YAAY;YACVC,MAAM;YACNtD,SAAS;YACTC,gBAAgBsD,+BAAc;QAChC;QACAD,MAAME,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,KAAK;YAC3C3D;YACA4D,MAAMzD;YACN0D,MAAM;YACN,iBAAiB;YACjB,GAAGxD,UAAU;QACf,IAAI;YACFyD,aAAa;QACf;QACA7D,SAASwD,qBAAI,CAACM,QAAQ,CAAC9D,SAAS;YAC9B6D,aAAa;QACf;QACA5D,gBAAgBuD,qBAAI,CAACM,QAAQ,CAAC7D,gBAAgB;YAC5C8D,cAAc;gBACZC,IAAItD;gBACJ,mBAAmBA;YACrB;YACAmD,aAAaN,+BAAc;YAC3BU,iBAAiB;QACnB;IACF;IACA,8DAA8D;IAC9D,IAAIb,MAAMpD,OAAO,EAAE;QACjBoD,MAAME,IAAI,CAACY,YAAY,GAAGC,IAAAA,+BAAc,EAACf,MAAME,IAAI,CAACY,YAAY,EAAEvC;QAClEyB,MAAME,IAAI,CAACc,YAAY,GAAGD,IAAAA,+BAAc,EAACf,MAAME,IAAI,CAACc,YAAY,EAAEvC;QAClEuB,MAAME,IAAI,CAACe,MAAM,GAAGF,IAAAA,+BAAc,EAACf,MAAME,IAAI,CAACe,MAAM,EAAExC;QACtDuB,MAAME,IAAI,CAACgB,OAAO,GAAGH,IAAAA,+BAAc,EAACf,MAAME,IAAI,CAACgB,OAAO,EAAExC;QACxDsB,MAAME,IAAI,CAACiB,SAAS,GAAGJ,IAAAA,+BAAc,EAACf,MAAME,IAAI,CAACiB,SAAS,EAAExC;QAC5DqB,MAAMpD,OAAO,CAACkE,YAAY,GAAGC,IAAAA,+BAAc,EAACf,MAAMpD,OAAO,CAACkE,YAAY,EAAE/B;QACxEiB,MAAMpD,OAAO,CAACoE,YAAY,GAAGD,IAAAA,+BAAc,EAACf,MAAMpD,OAAO,CAACoE,YAAY,EAAEhC;QACxEgB,MAAMpD,OAAO,CAACwE,OAAO,GAAGL,IAAAA,+BAAc,EAACf,MAAMpD,OAAO,CAACwE,OAAO,EAAErC;IAChE;IACA,OAAOiB;AACT,GACA,uCAAuC"}
+{"version":3,"sources":["useCitation.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\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, ref) => {\n  const {\n    referenceHref,\n    block = false,\n    ...otherProps\n  } = props;\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'];\n  const state = {\n    block,\n    isPopoverLocked,\n    components: {\n      root: 'a'\n    },\n    root: slot.always(getNativeElementProps('a', {\n      ref,\n      href: referenceHref,\n      role: null,\n      'aria-expanded': null,\n      ...otherProps\n    }), {\n      elementType: 'a'\n    })\n  };\n  return state;\n};\n//# sourceMappingURL=useCitation.js.map"],"names":["useCitation_unstable","props","ref","referenceHref","block","otherProps","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","slot","always","getNativeElementProps","href","role","elementType"],"mappings":";;;;+BAWaA;;;eAAAA;;;iCAX+B;8BACD;AAUpC,MAAMA,uBAAuB,CAACC,OAAOC;IAC1C,MAAM,EACJC,aAAa,EACbC,QAAQ,KAAK,EACb,GAAGC,YACJ,GAAGJ;IACJ,MAAMK,kBAAkBC,IAAAA,wCAA0B,EAACC,CAAAA,MAAOA,IAAIC,eAAe,KAAKR,KAAK,CAAC,gBAAgB;IACxG,MAAMS,QAAQ;QACZN;QACAE;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,KAAK;YAC3Cb;YACAc,MAAMb;YACNc,MAAM;YACN,iBAAiB;YACjB,GAAGZ,UAAU;QACf,IAAI;YACFa,aAAa;QACf;IACF;IACA,OAAOR;AACT,GACA,uCAAuC"}

package/lib-commonjs/components/Citation/useCitationStyles.js

@@ -18,9 +18,7 @@ _export(exports, {
 });
 const _reactcomponents = require("@fluentui/react-components");
 const citationClassNames = {
-    root: 'fai-Citation',
-    popover: 'fai-Citation__popover',
-    popoverSurface: 'fai-Citation__popoverSurface'
+    root: 'fai-Citation'
 };
 const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rad2akz", "r1hx2d32", [
     ".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}",
@@ -93,8 +91,5 @@ const useCitationStyles_unstable = (state)=>{
     const rootBaseClassName = useCitationBaseClassName();
     const rootStyles = useCitationRootStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);
-    if (state.popover) {
-        state.popover.className = (0, _reactcomponents.mergeClasses)(citationClassNames.popover, state.popover.className);
-    }
     return state;
 }; //# sourceMappingURL=useCitationStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitationStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const citationClassNames = {\n  root: 'fai-Citation',\n  popover: 'fai-Citation__popover',\n  popoverSurface: 'fai-Citation__popoverSurface'\n};\nconst useCitationBaseClassName = __resetStyles(\"rad2akz\", \"r1hx2d32\", [\".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}\", \".rad2akz:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".rad2akz:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\", \".r1hx2d32{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}\", \".r1hx2d32:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".r1hx2d32:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\"]);\nconst useCitationRootStyles = __styles({\n  isBlock: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"]\n  },\n  isPopoverLocked: {\n    sj55zd: \"fkjhhq2\",\n    g2u3we: \"f1nbqb3e\",\n    h3c5rm: [\"fah3j9v\", \"f56crja\"],\n    B9xav0g: \"fef4ti1\",\n    zhjwy3: [\"f56crja\", \"fah3j9v\"],\n    De3pzq: \"f16xkysk\",\n    Bi91k9c: \"fbszb7v\",\n    Bgoe8wy: \"ftxwbyd\",\n    Bwzppfd: [\"f1p7dilp\", \"f15x2k42\"],\n    oetu4i: \"fegdlwn\",\n    gg5e9n: [\"f15x2k42\", \"f1p7dilp\"],\n    Jwef8y: \"f121v1wq\"\n  }\n}, {\n  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);}\"],\n  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);}\"]\n});\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = state => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  state.root.className = mergeClasses(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);\n  if (state.popover) {\n    state.popover.className = mergeClasses(citationClassNames.popover, state.popover.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCitationStyles.js.map"],"names":["citationClassNames","useCitationStyles_unstable","root","popover","popoverSurface","useCitationBaseClassName","__resetStyles","useCitationRootStyles","__styles","isBlock","mc9l5x","Frg6f3","t21cq0","isPopoverLocked","sj55zd","g2u3we","h3c5rm","B9xav0g","zhjwy3","De3pzq","Bi91k9c","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Jwef8y","d","h","state","rootBaseClassName","rootStyles","className","mergeClasses","block"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IAiCAC,0BAA0B;eAA1BA;;;iCAlC+E;AACrF,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,SAAS;IACTC,gBAAgB;AAClB;AACA,MAAMC,2BAA2BC,IAAAA,8BAAa,EAAC,WAAW,YAAY;IAAC;IAA0kB;IAAyK;IAAsL;IAA2kB;IAA0K;CAAsL;AAC35D,MAAMC,wBAAwBC,IAAAA,yBAAQ,EAAC;IACrCC,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,iBAAiB;QACfC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6B;QAA8B;QAAwD;QAAgE;QAAiE;QAAgE;QAAkE;KAA4D;IACjdC,GAAG;QAAC;QAA8D;QAAqE;QAAwE;QAAuE;QAAwE;KAAkE;AACla;AAIO,MAAM1B,6BAA6B2B,CAAAA;IACxC,MAAMC,oBAAoBxB;IAC1B,MAAMyB,aAAavB;IACnBqB,MAAM1B,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,6BAAY,EAAChC,mBAAmBE,IAAI,EAAE0B,MAAMf,eAAe,IAAIiB,WAAWjB,eAAe,EAAEe,MAAMK,KAAK,IAAIH,WAAWrB,OAAO,EAAEoB,mBAAmBD,MAAM1B,IAAI,CAAC6B,SAAS;IAC5L,IAAIH,MAAMzB,OAAO,EAAE;QACjByB,MAAMzB,OAAO,CAAC4B,SAAS,GAAGC,IAAAA,6BAAY,EAAChC,mBAAmBG,OAAO,EAAEyB,MAAMzB,OAAO,CAAC4B,SAAS;IAC5F;IACA,OAAOH;AACT,GACA,6CAA6C"}
+{"version":3,"sources":["useCitationStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const citationClassNames = {\n  root: 'fai-Citation'\n};\nconst useCitationBaseClassName = __resetStyles(\"rad2akz\", \"r1hx2d32\", [\".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}\", \".rad2akz:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".rad2akz:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\", \".r1hx2d32{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}\", \".r1hx2d32:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".r1hx2d32:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\"]);\nconst useCitationRootStyles = __styles({\n  isBlock: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"]\n  },\n  isPopoverLocked: {\n    sj55zd: \"fkjhhq2\",\n    g2u3we: \"f1nbqb3e\",\n    h3c5rm: [\"fah3j9v\", \"f56crja\"],\n    B9xav0g: \"fef4ti1\",\n    zhjwy3: [\"f56crja\", \"fah3j9v\"],\n    De3pzq: \"f16xkysk\",\n    Bi91k9c: \"fbszb7v\",\n    Bgoe8wy: \"ftxwbyd\",\n    Bwzppfd: [\"f1p7dilp\", \"f15x2k42\"],\n    oetu4i: \"fegdlwn\",\n    gg5e9n: [\"f15x2k42\", \"f1p7dilp\"],\n    Jwef8y: \"f121v1wq\"\n  }\n}, {\n  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);}\"],\n  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);}\"]\n});\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = state => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  state.root.className = mergeClasses(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useCitationStyles.js.map"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","__resetStyles","useCitationRootStyles","__styles","isBlock","mc9l5x","Frg6f3","t21cq0","isPopoverLocked","sj55zd","g2u3we","h3c5rm","B9xav0g","zhjwy3","De3pzq","Bi91k9c","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Jwef8y","d","h","state","rootBaseClassName","rootStyles","className","mergeClasses","block"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IA+BAC,0BAA0B;eAA1BA;;;iCAhC+E;AACrF,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA,MAAMC,2BAA2BC,IAAAA,8BAAa,EAAC,WAAW,YAAY;IAAC;IAA0kB;IAAyK;IAAsL;IAA2kB;IAA0K;CAAsL;AAC35D,MAAMC,wBAAwBC,IAAAA,yBAAQ,EAAC;IACrCC,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,iBAAiB;QACfC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6B;QAA8B;QAAwD;QAAgE;QAAiE;QAAgE;QAAkE;KAA4D;IACjdC,GAAG;QAAC;QAA8D;QAAqE;QAAwE;QAAuE;QAAwE;KAAkE;AACla;AAIO,MAAMxB,6BAA6ByB,CAAAA;IACxC,MAAMC,oBAAoBxB;IAC1B,MAAMyB,aAAavB;IACnBqB,MAAMxB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,mBAAmBE,IAAI,EAAEwB,MAAMf,eAAe,IAAIiB,WAAWjB,eAAe,EAAEe,MAAMK,KAAK,IAAIH,WAAWrB,OAAO,EAAEoB,mBAAmBD,MAAMxB,IAAI,CAAC2B,SAAS;IAC5L,OAAOH;AACT,GACA,6CAA6C"}

package/lib-commonjs/components/Reference/renderReference.js

@@ -23,7 +23,6 @@ const renderReference_unstable = (state)=>{
                     state.detailsButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.detailsButton, {})
                 ]
             }),
-            state.sensitivityLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sensitivityLabel, {}),
             state.sensitivity && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sensitivity, {}),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.metadata, {
                 children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReference.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsxs(state.actions, {\n      children: [state.actions.children, state.detailsButton && /*#__PURE__*/_jsx(state.detailsButton, {})]\n    }), state.sensitivityLabel && /*#__PURE__*/_jsx(state.sensitivityLabel, {}), state.sensitivity && /*#__PURE__*/_jsx(state.sensitivity, {}), /*#__PURE__*/_jsxs(state.metadata, {\n      children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.metadata.children]\n    }), /*#__PURE__*/_jsx(state.content, {})]\n  });\n};\n//# sourceMappingURL=renderReference.js.map"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","children","citation","_jsx","media","label","actions","detailsButton","sensitivityLabel","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,2BAA2BC,CAAAA;IACtCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YAAIL,MAAMO,KAAK,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMO,KAAK,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAAIR,MAAMS,OAAO,IAAI,WAAW,GAAEP,IAAAA,gBAAK,EAACF,MAAMS,OAAO,EAAE;gBAC5ML,UAAU;oBAACJ,MAAMS,OAAO,CAACL,QAAQ;oBAAEJ,MAAMU,aAAa,IAAI,WAAW,GAAEJ,IAAAA,eAAI,EAACN,MAAMU,aAAa,EAAE,CAAC;iBAAG;YACvG;YAAIV,MAAMW,gBAAgB,IAAI,WAAW,GAAEL,IAAAA,eAAI,EAACN,MAAMW,gBAAgB,EAAE,CAAC;YAAIX,MAAMY,WAAW,IAAI,WAAW,GAAEN,IAAAA,eAAI,EAACN,MAAMY,WAAW,EAAE,CAAC;YAAI,WAAW,GAAEV,IAAAA,gBAAK,EAACF,MAAMa,QAAQ,EAAE;gBAC7KT,UAAU;oBAACJ,MAAMc,WAAW,IAAI,WAAW,GAAER,IAAAA,eAAI,EAACN,MAAMc,WAAW,EAAE,CAAC;oBAAId,MAAMe,aAAa,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACN,MAAMe,aAAa,EAAE,CAAC;oBAAIf,MAAMgB,YAAY,IAAI,WAAW,GAAEV,IAAAA,eAAI,EAACN,MAAMgB,YAAY,EAAE,CAAC;oBAAIhB,MAAMiB,IAAI,IAAI,WAAW,GAAEX,IAAAA,eAAI,EAACN,MAAMiB,IAAI,EAAE,CAAC;oBAAIjB,MAAMa,QAAQ,CAACT,QAAQ;iBAAC;YACzR;YAAI,WAAW,GAAEE,IAAAA,eAAI,EAACN,MAAMkB,OAAO,EAAE,CAAC;SAAG;IAC3C;AACF,GACA,2CAA2C"}
+{"version":3,"sources":["renderReference.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsxs(state.actions, {\n      children: [state.actions.children, state.detailsButton && /*#__PURE__*/_jsx(state.detailsButton, {})]\n    }), state.sensitivity && /*#__PURE__*/_jsx(state.sensitivity, {}), /*#__PURE__*/_jsxs(state.metadata, {\n      children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.metadata.children]\n    }), /*#__PURE__*/_jsx(state.content, {})]\n  });\n};\n//# sourceMappingURL=renderReference.js.map"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","children","citation","_jsx","media","label","actions","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,2BAA2BC,CAAAA;IACtCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YAAIL,MAAMO,KAAK,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMO,KAAK,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAAIR,MAAMS,OAAO,IAAI,WAAW,GAAEP,IAAAA,gBAAK,EAACF,MAAMS,OAAO,EAAE;gBAC5ML,UAAU;oBAACJ,MAAMS,OAAO,CAACL,QAAQ;oBAAEJ,MAAMU,aAAa,IAAI,WAAW,GAAEJ,IAAAA,eAAI,EAACN,MAAMU,aAAa,EAAE,CAAC;iBAAG;YACvG;YAAIV,MAAMW,WAAW,IAAI,WAAW,GAAEL,IAAAA,eAAI,EAACN,MAAMW,WAAW,EAAE,CAAC;YAAI,WAAW,GAAET,IAAAA,gBAAK,EAACF,MAAMY,QAAQ,EAAE;gBACpGR,UAAU;oBAACJ,MAAMa,WAAW,IAAI,WAAW,GAAEP,IAAAA,eAAI,EAACN,MAAMa,WAAW,EAAE,CAAC;oBAAIb,MAAMc,aAAa,IAAI,WAAW,GAAER,IAAAA,eAAI,EAACN,MAAMc,aAAa,EAAE,CAAC;oBAAId,MAAMe,YAAY,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACN,MAAMe,YAAY,EAAE,CAAC;oBAAIf,MAAMgB,IAAI,IAAI,WAAW,GAAEV,IAAAA,eAAI,EAACN,MAAMgB,IAAI,EAAE,CAAC;oBAAIhB,MAAMY,QAAQ,CAACR,QAAQ;iBAAC;YACzR;YAAI,WAAW,GAAEE,IAAAA,eAAI,EAACN,MAAMiB,OAAO,EAAE,CAAC;SAAG;IAC3C;AACF,GACA,2CAA2C"}

package/lib-commonjs/components/Reference/useReference.js

@@ -93,7 +93,6 @@ const useReference_unstable = (props, ref)=>{
             actions: 'div',
             label: 'div',
             sensitivity: 'span',
-            sensitivityLabel: 'span',
             metadata: 'div',
             content: 'div',
             primaryText: 'span',
@@ -114,7 +113,6 @@ const useReference_unstable = (props, ref)=>{
             defaultProps: {
                 children: /*#__PURE__*/ _react.createElement(_Citation.Citation, {
                     block: true,
-                    referenceId: referenceId,
                     ...citationProps
                 }, index)
             },
@@ -130,9 +128,6 @@ const useReference_unstable = (props, ref)=>{
         sensitivity: _reactcomponents.slot.optional(props.sensitivity, {
             elementType: 'span'
         }),
-        sensitivityLabel: _reactcomponents.slot.optional(props.sensitivityLabel, {
-            elementType: 'span'
-        }),
         metadata: _reactcomponents.slot.always(props.metadata, {
             elementType: 'div'
         }),

package/lib-commonjs/components/Reference/useReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getNativeElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (props, ref) => {\n  const {\n    index,\n    referenceId,\n    citationHref,\n    excerpt,\n    layout = 'inline'\n  } = props;\n  const mode = useCopilotMode(props.mode);\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n  const onExpandClick = _e => {\n    setIsExpanded(!isExpanded);\n  };\n  const label = slot.always(props.label, {\n    defaultProps: {\n      id: labelId\n    },\n    elementType: 'div'\n  });\n  const media = slot.optional(props.media, {\n    defaultProps: {\n      id: mediaId\n    },\n    elementType: 'div'\n  });\n  if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n    media.children = /*#__PURE__*/React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n    });\n  }\n  if (media === null || media === void 0 ? void 0 : media.id) {\n    var _label_ariadescribedby;\n    var _label_ariadescribedby_concat;\n    label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n  }\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline' ? {\n      role: 'group',\n      'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n      tabIndex: -1\n    } : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = e => {\n      setPopoverOpen(e, false);\n      // don't navigate\n      e.preventDefault();\n    };\n    return layout === 'popover' ? {\n      referenceHref: '#',\n      tabIndex: -1,\n      'aria-label': `Reference ${index}, close`,\n      onClick: onPopoverCloseClick\n    } : {\n      referenceHref: citationHref\n    };\n  }, [layout, citationHref, index, setPopoverOpen]);\n  const state = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      sensitivityLabel: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      id: referenceId,\n      ...groupSemantics,\n      ...props\n    }), {\n      elementType: 'div'\n    }),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(Citation, {\n          block: true,\n          referenceId: referenceId,\n          ...citationProps\n        }, index)\n      },\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, {\n      elementType: 'span'\n    }),\n    sensitivityLabel: slot.optional(props.sensitivityLabel, {\n      elementType: 'span'\n    }),\n    metadata: slot.always(props.metadata, {\n      elementType: 'div'\n    }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    icon: slot.optional(props.icon, {\n      elementType: 'span'\n    }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n      },\n      elementType: 'div'\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode)\n        }\n      },\n      renderByDefault: true,\n      elementType: Button\n    })\n  };\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = e => {\n    var _e_relatedTarget;\n    const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n  return state;\n};\nconst getIcon = (isExpanded, mode) => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n  }\n  return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","sensitivityLabel","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getNativeElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":"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"}
+{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getNativeElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (props, ref) => {\n  const {\n    index,\n    referenceId,\n    citationHref,\n    excerpt,\n    layout = 'inline'\n  } = props;\n  const mode = useCopilotMode(props.mode);\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n  const onExpandClick = _e => {\n    setIsExpanded(!isExpanded);\n  };\n  const label = slot.always(props.label, {\n    defaultProps: {\n      id: labelId\n    },\n    elementType: 'div'\n  });\n  const media = slot.optional(props.media, {\n    defaultProps: {\n      id: mediaId\n    },\n    elementType: 'div'\n  });\n  if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n    media.children = /*#__PURE__*/React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n    });\n  }\n  if (media === null || media === void 0 ? void 0 : media.id) {\n    var _label_ariadescribedby;\n    var _label_ariadescribedby_concat;\n    label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n  }\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline' ? {\n      role: 'group',\n      'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n      tabIndex: -1\n    } : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = e => {\n      setPopoverOpen(e, false);\n      // don't navigate\n      e.preventDefault();\n    };\n    return layout === 'popover' ? {\n      referenceHref: '#',\n      tabIndex: -1,\n      'aria-label': `Reference ${index}, close`,\n      onClick: onPopoverCloseClick\n    } : {\n      referenceHref: citationHref\n    };\n  }, [layout, citationHref, index, setPopoverOpen]);\n  const state = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      id: referenceId,\n      ...groupSemantics,\n      ...props\n    }), {\n      elementType: 'div'\n    }),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(Citation, {\n          block: true,\n          ...citationProps\n        }, index)\n      },\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, {\n      elementType: 'span'\n    }),\n    metadata: slot.always(props.metadata, {\n      elementType: 'div'\n    }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    icon: slot.optional(props.icon, {\n      elementType: 'span'\n    }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n      },\n      elementType: 'div'\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode)\n        }\n      },\n      renderByDefault: true,\n      elementType: Button\n    })\n  };\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = e => {\n    var _e_relatedTarget;\n    const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n  return state;\n};\nconst getIcon = (isExpanded, mode) => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n  }\n  return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getNativeElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCAC6H;4BACjD;oCAC1D;0BAChB;uCACgB;+BACV;AAUxB,MAAMA,wBAAwB,CAACC,OAAOC;IAC3C,MAAM,EACJC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,OAAO,EACPC,SAAS,QAAQ,EAClB,GAAGN;IACJ,MAAMO,OAAOC,IAAAA,6BAAc,EAACR,MAAMO,IAAI;IACtC,MAAME,UAAUC,IAAAA,sBAAK;IACrB,MAAMC,UAAUD,IAAAA,sBAAK;IACrB,MAAM,CAACE,YAAYC,cAAc,GAAGC,OAAMC,QAAQ,CAACT,WAAW,YAAY,OAAO;IACjF,MAAMU,iBAAiBC,IAAAA,2CAAiB,EAACC,CAAAA,UAAWA,QAAQC,OAAO;IACnE,MAAMC,gBAAgBC,CAAAA;QACpBR,cAAc,CAACD;IACjB;IACA,MAAMU,QAAQC,qBAAI,CAACC,MAAM,CAACxB,MAAMsB,KAAK,EAAE;QACrCG,cAAc;YACZC,IAAIjB;QACN;QACAkB,aAAa;IACf;IACA,MAAMC,QAAQL,qBAAI,CAACM,QAAQ,CAAC7B,MAAM4B,KAAK,EAAE;QACvCH,cAAc;YACZC,IAAIf;QACN;QACAgB,aAAa;IACf;IACA,IAAIC,SAAS,WAAW,GAAEd,OAAMgB,cAAc,CAACF,MAAMG,QAAQ,GAAG;QAC9DH,MAAMG,QAAQ,GAAG,WAAW,GAAEjB,OAAMkB,YAAY,CAACJ,MAAMG,QAAQ,EAAE;YAC/DE,WAAWC,IAAAA,6BAAY,EAACN,MAAMG,QAAQ,CAAC/B,KAAK,CAACiC,SAAS,EAAEE,4CAAwB,CAACC,UAAU;QAC7F;IACF;IACA,IAAIR,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMF,EAAE,EAAE;QAC1D,IAAIW;QACJ,IAAIC;QACJhB,KAAK,CAAC,mBAAmB,GAAG,AAACgB,CAAAA,gCAAgC,AAACD,CAAAA,yBAAyBf,KAAK,CAAC,mBAAmB,AAAD,MAAO,QAAQe,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBE,MAAM,CAACX,MAAMF,EAAE,CAAA,MAAO,QAAQY,kCAAkC,KAAK,IAAIA,gCAAgCV,MAAMF,EAAE;IACrT;IACA,MAAMc,qBAAqBxC,KAAK,CAAC,kBAAkB;IACnD,MAAMyC,iBAAiB3B,OAAM4B,OAAO,CAAC;QACnC,OAAOpC,WAAW,WAAW;YAC3BqC,MAAM;YACN,mBAAmB,CAAC,EAAEH,uBAAuB,QAAQA,uBAAuB,KAAK,IAAIA,qBAAqB,GAAG,CAAC,EAAElB,MAAMI,EAAE,CAAC,CAAC;YAC1HkB,UAAU,CAAC;QACb,IAAI,CAAC;IACP,GAAG;QAACtC;QAAQkC;QAAoBlB,MAAMI,EAAE;KAAC;IACzC,+DAA+D;IAC/D,MAAMmB,gBAAgB/B,OAAM4B,OAAO,CAAC;QAClC,MAAMI,sBAAsBC,CAAAA;YAC1B/B,eAAe+B,GAAG;YAClB,iBAAiB;YACjBA,EAAEC,cAAc;QAClB;QACA,OAAO1C,WAAW,YAAY;YAC5B2C,eAAe;YACfL,UAAU,CAAC;YACX,cAAc,CAAC,UAAU,EAAE1C,MAAM,OAAO,CAAC;YACzCgD,SAASJ;QACX,IAAI;YACFG,eAAe7C;QACjB;IACF,GAAG;QAACE;QAAQF;QAAcF;QAAOc;KAAe;IAChD,MAAMmC,QAAQ;QACZvC;QACAL,MAAMD,WAAW,YAAY,YAAYC;QACzCD;QACAJ;QACAkD,YAAY;YACVC,MAAM;YACNC,UAAU;YACV1B,OAAO;YACP2B,SAAS;YACTjC,OAAO;YACPkC,aAAa;YACbC,UAAU;YACVC,SAAS;YACTC,aAAa;YACbC,eAAe;YACfC,cAAc;YACdC,MAAM;YACNC,eAAeC,uBAAM;QACvB;QACAX,MAAM9B,qBAAI,CAACC,MAAM,CAACyC,IAAAA,sCAAqB,EAAC,OAAO;YAC7ChE;YACAyB,IAAIvB;YACJ,GAAGsC,cAAc;YACjB,GAAGzC,KAAK;QACV,IAAI;YACF2B,aAAa;QACf;QACA2B,UAAU/B,qBAAI,CAACM,QAAQ,CAAC7B,MAAMsD,QAAQ,EAAE;YACtC7B,cAAc;gBACZM,UAAU,WAAW,GAAEjB,OAAMoD,aAAa,CAACC,kBAAQ,EAAE;oBACnDC,OAAO;oBACP,GAAGvB,aAAa;gBAClB,GAAG3C;YACL;YACAmE,iBAAiB;YACjB1C,aAAa;QACf;QACAC;QACA2B,SAAShC,qBAAI,CAACM,QAAQ,CAACvB,WAAW,WAAWN,MAAMuD,OAAO,GAAG,MAAM;YACjEc,iBAAiB;YACjB1C,aAAa;QACf;QACAL;QACAkC,aAAajC,qBAAI,CAACM,QAAQ,CAAC7B,MAAMwD,WAAW,EAAE;YAC5C7B,aAAa;QACf;QACA8B,UAAUlC,qBAAI,CAACC,MAAM,CAACxB,MAAMyD,QAAQ,EAAE;YACpC9B,aAAa;QACf;QACAgC,aAAapC,qBAAI,CAACM,QAAQ,CAAC7B,MAAM2D,WAAW,EAAE;YAC5ClC,cAAc;gBACZ6C,QAAQ,CAAC1D;YACX;YACAe,aAAa;QACf;QACAiC,eAAerC,qBAAI,CAACM,QAAQ,CAAC7B,MAAM4D,aAAa,EAAE;YAChDnC,cAAc;gBACZ6C,QAAQ,CAAC1D;YACX;YACAe,aAAa;QACf;QACAkC,cAActC,qBAAI,CAACM,QAAQ,CAAC7B,MAAM6D,YAAY,EAAE;YAC9CpC,cAAc;gBACZ6C,QAAQ,CAAC1D;YACX;YACAe,aAAa;QACf;QACAmC,MAAMvC,qBAAI,CAACM,QAAQ,CAAC7B,MAAM8D,IAAI,EAAE;YAC9BnC,aAAa;QACf;QACA+B,SAASnC,qBAAI,CAACC,MAAM,CAACxB,MAAM0D,OAAO,EAAE;YAClCjC,cAAc;gBACZM,UAAU1B,WAAW,WAAW,GAAES,OAAMoD,aAAa,CAACK,yBAAQ,EAAE,MAAMlE;YACxE;YACAsB,aAAa;QACf;QACAoC,eAAexC,qBAAI,CAACM,QAAQ,CAACvB,WAAW,WAAWN,MAAM+D,aAAa,GAAG,MAAM;YAC7EtC,cAAc;gBACZ+C,YAAY;gBACZ,iBAAiB5D;gBACjB,cAAc;gBACd6D,MAAMlE,SAAS,YAAY,UAAU;gBACrCuD,MAAM;oBACJ/B,UAAU2C,QAAQ9D,YAAYL;gBAChC;YACF;YACA8D,iBAAiB;YACjB1C,aAAaqC,uBAAM;QACrB;IACF;IACA,IAAIb,MAAMY,aAAa,EAAE;QACvB,MAAMb,UAAUC,MAAMY,aAAa,CAACb,OAAO;QAC3CC,MAAMY,aAAa,CAACb,OAAO,GAAGyB,IAAAA,+BAAc,EAACzB,SAAS9B;IACxD;IACA,MAAMwD,wBAAwBC,IAAAA,+CAAwB;IACtD,MAAMC,wBAAwB/B,CAAAA;QAC5B,IAAIgC;QACJ,MAAMC,oBAAoB,AAACD,CAAAA,mBAAmBhC,EAAEkC,aAAa,AAAD,MAAO,QAAQF,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBG,IAAI;QACvI,IAAIF,qBAAqBA,kBAAkBG,SAAS,CAAC,OAAOhF,aAAa;YACvEyE;YACA/D,cAAc;QAChB;IACF;IACAsC,MAAME,IAAI,CAAC+B,OAAO,GAAGT,IAAAA,+BAAc,EAACxB,MAAME,IAAI,CAAC+B,OAAO,EAAEN;IACxD,OAAO3B;AACT;AACA,MAAMuB,UAAU,CAAC9D,YAAYL;IAC3B,IAAIA,SAAS,WAAW;QACtB,OAAO,CAACK,aAAa,WAAW,GAAEE,OAAMoD,aAAa,CAACmB,gCAAoB,EAAE,QAAQ,WAAW,GAAEvE,OAAMoD,aAAa,CAACoB,8BAAkB,EAAE;IAC3I;IACA,OAAO,CAAC1E,aAAa,WAAW,GAAEE,OAAMoD,aAAa,CAACqB,gCAAoB,EAAE,QAAQ,WAAW,GAAEzE,OAAMoD,aAAa,CAACsB,8BAAkB,EAAE;AAC3I,GACA,wCAAwC"}