@fluentui-copilot/react-reference 0.11.0 → 0.11.1

package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } 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 {\n  PreviewHeaderProps,\n  PreviewMetadataProps,\n  PreviewProps,\n  PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../../Citation';\nimport { Reference } from '../../ReferenceV2';\nimport type { CitationProps } from '../../Citation';\nimport type { ReferenceProps } from '../../ReferenceV2';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n  PreviewMetadataProps,\n  'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n  content?: React.ReactNode;\n};\n\nexport type UseReferenceCitationPreviewProps = {\n  citationPreviewProps?: PreviewProps;\n  citationPreviewSurfaceProps?: PreviewSurfaceProps;\n  citationProps?: CitationProps;\n  index: number;\n  previewContentProps?: PackagedPreviewContentProps;\n  referencePreviewProps?: PreviewProps;\n  referencePreviewSurfaceProps?: PreviewSurfaceProps;\n  referenceProps?: ReferenceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (props: UseReferenceCitationPreviewProps) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\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\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  const {\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    previewContentProps,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    sensitivityLabelProps,\n  } = props;\n\n  const components = React.useMemo(() => {\n    const citationWithPreview: PackagedCitation = props => {\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...citationPreviewSurfaceProps}>\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 as PreviewHeaderProps['media']}\n              >\n                {referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? citationPreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    const referenceWithPreview: PackagedReference = props => {\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n          <PreviewTrigger>\n            <Reference citation={index} {...referenceProps} {...props} />\n          </PreviewTrigger>\n          <PreviewSurface {...referencePreviewSurfaceProps}>\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 as PreviewHeaderProps['media']}\n              >\n                {referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? referencePreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: citationWithPreview,\n      Reference: referenceWithPreview,\n    };\n  }, [\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    previewContentProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","citationPreviewProps","useReferenceCitationPreview","citationPreviewSurfaceProps","citationProps","components","previewContentProps","positioning","withArrow","useMemo","PreviewTrigger","PreviewSurface","aria-label","referenceHref","index","referenceProps","primaryText","secondaryText","sensitivityLabelProps","SensitivityLabel","referenceWithPreview","_jsxs","Preview","closeOnScroll","trapFocus","referencePreviewProps","Reference","citation","referencePreviewSurfaceProps","PreviewContent","tabIndex","media","children","PreviewMetadata","_previewContentProps_content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;4BACA;iEAEuB;iCAEoC;8BASpD;uCAC0B;0BASR;6BACC;AAgC1B,6IAA6I;AAC7I,MAAMA,sBAAsBC,CAAAA;UAC1BC,iBAAMA,IAAAA,2CAAiBC,EAAAA,CAAAA,UAA2BC,QAAWA,OAAQC;UAErEC,sBAAMA,OAAsBC,WAAMC,CAAAA,CAAAA;uBAE9BN,IAAeO;yBAEf;yBACGC;OACL;QAAAR;KACA;UAACA,6BAAAA,IAAAA,+BAAAA,EAAAA,qBAAAA,yBAAAA,OAAAA;WAAe,WAAA,GAAAS,IAAAA,eAAA,EAAAC,kBAAA,EAAA;QAGlB,GAAAX,wBAAMY;QAENC,SAAAD;;;;IACF,MAAA,EAEAE,oBAAaC,EACXC,2BACEF,EAWFG,aAAMC,OACJ,qBA2BWC,uBA1BT,8BACwB,gBAACC,uBAAyB;uBAAkBC,OAASC,OAAA,CAAA;oCAAKR,CAAAA;;4EAC7ES,EAAAA;;;;;;;;qDAKD,EAAAA,4BAACC,EAAAA;6CAAmBR,GAAAA,IAAAA,eAAAA,EAAAA,kBAAAA,EAAAA;;;;;;mFAISS,EAAAA;sDAAyCC;kGAA6B,EAAA;;8FACxFC,EAAAA;;iEAGA,EAAEC,MAAAA,OAAAA,CAAAA;;;;;8DAMPC,QAAWD,mBAAET,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,KAAAA;iEACbW,QAAeX,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,QAAAA;;gGACH,EAAEA;;yEAEfY,QAAAA,wBAA0BC,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,WAAAA;2EAAqBD,QAAqBZ,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAW,aAAA;;;yDACpEX,WAAAA,GAAAA,IAAAA,eAAAA,EAAAA,uCAAAA,EAAAA;;;;;;;;;;cAOXc,uBAAMA,CAAAA;;mBACJ,WAAA,GAAAC,IAAAA,gBAAA,EAAAC,qBACGA,EAAAA;+BAAQC;6BAAchB;;2BAAiCiB;2BAAUhB;wCAAciB;;;mEAC9E,EAAAC,sBAAChB,EAAAA;;6CACYiB;;;;;;oEAEb,EAAChB,4BAAAA,EAAAA;;2CAAmBiB,GAAAA,IAAAA,eAAAA,EAAAA,2BAAAA,EAA4B;yDAC9C,GAAA/B,IAAAA,eAAA,EAAAX,qBAAC2C;;;;;;8DAGqFC,QAAAA,mBAAW,KAAA,IAAA,KAAA,IAAAf,eAAAgB,KAAA;yEACxFjB,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,QAAAA;;;kEAGEC,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;yEAENA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,WAAgBiB;;0EAElBC,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;;yDACK,WAAE3B,GAAAA,IAAAA,eAAAA,EAAAA,uCAAAA,EAAAA;4DACNU;;gEACAC,wBAAeX,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,OAAqBW,MAAAA,QAAaiB,iCAAA,KAAA,IAAAA,+BAAAT,0BAAA,QAAAA,0BAAA,KAAA,IAAA,KAAA,IAAAA,sBAAAO,QAAA;6BAAA;;;;;;;;;;;;;;;;;;;;;;0DAS7D"}

package/lib-commonjs/hooks/useReferenceCitationPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceCitationPreview.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport * as React from 'react';\nimport { Caption1, assertSlots, mergeCallbacks, slot, useId, usePopoverContext_unstable } from '@fluentui/react-components';\nimport { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\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 => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n  const onPopoverCloseClick = React.useCallback(ev => {\n    setPopoverOpen(ev, false);\n    // Don't navigate\n    ev.preventDefault();\n  }, [setPopoverOpen]);\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n  return /*#__PURE__*/_jsx(Citation, {\n    ...citationCloseButtonProps,\n    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 = ({\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  const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;\n  const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;\n  const components = React.useMemo(() => {\n    const citationHref = `#${citationId}`;\n    const PackagedReference = props => {\n      var _props_index, _ref;\n      const referenceIndex = (_ref = (_props_index = props.index) !== null && _props_index !== void 0 ? _props_index : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.index) !== null && _ref !== void 0 ? _ref : index;\n      return /*#__PURE__*/_jsx(Reference, {\n        ...referenceProps,\n        index: referenceIndex,\n        referenceId: referenceId,\n        citationHref: citationHref,\n        ...props\n      });\n    };\n    const CitationWithPreview = 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 === null || referenceProps === void 0 ? void 0 : referenceProps.excerpt) && /*#__PURE__*/_jsx(Caption1, {\n            children: referenceProps.excerpt\n          })\n        },\n        elementType: 'div'\n      });\n      const citationWithPreviewState = {\n        components: {\n          content: 'div'\n        },\n        content\n      };\n      assertSlots(citationWithPreviewState);\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 === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivity, {\n        elementType: 'span'\n      });\n      const title = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {\n        elementType: 'div'\n      });\n      var _sensitivityLabelProps_description;\n      return /*#__PURE__*/_jsxs(Preview, {\n        closeOnScroll: true,\n        positioning: \"below\",\n        size: \"small\",\n        trapFocus: true,\n        withArrow: true,\n        ...previewProps,\n        children: [/*#__PURE__*/_jsx(PreviewTrigger, {\n          children: /*#__PURE__*/_jsx(Citation, {\n            ...citationProps,\n            id: citationId,\n            ...props,\n            children: index\n          })\n        }), /*#__PURE__*/_jsx(PreviewSurface, {\n          ...previewSurfaceProps,\n          children: /*#__PURE__*/_jsxs(PreviewContent, {\n            children: [/*#__PURE__*/_jsx(PreviewHeader, {\n              citation: /*#__PURE__*/_jsx(CitationCloseButton, {\n                \"aria-label\": `Reference ${index}, close`,\n                referenceHref: \"#\",\n                tabIndex: -1,\n                children: index\n              }),\n              media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,\n              children: title === null || title === void 0 ? void 0 : title.children\n            }), /*#__PURE__*/_jsx(PreviewMetadata, {\n              icon: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.icon,\n              primaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.primaryText,\n              secondaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.secondaryText,\n              tertiaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.tertiaryText\n            }), sensitivity && /*#__PURE__*/_jsx(SensitivityLabel, {\n              description: (_sensitivityLabelProps_description = sensitivityLabelProps === null || sensitivityLabelProps === void 0 ? void 0 : sensitivityLabelProps.description) !== null && _sensitivityLabelProps_description !== void 0 ? _sensitivityLabelProps_description : '',\n              children: sensitivity.children\n            }), /*#__PURE__*/_jsx(citationWithPreviewState.content, {}), previewProps === null || previewProps === void 0 ? void 0 : previewProps.children]\n          })\n        })]\n      });\n    };\n    return {\n      Citation: CitationWithPreview,\n      Reference: PackagedReference\n    };\n  }, [index, referenceId, citationId, referenceProps, citationProps, previewProps, previewSurfaceProps, sensitivityLabelProps]);\n  return components;\n};\n//# sourceMappingURL=useReferenceCitationPreview.js.map"],"names":["useReferenceCitationPreview","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","onCitationCloseButtonClick","mergeCallbacks","onClick","_jsx","Citation","index","referenceId","propsRefId","citationId","propsCiteId","citationProps","referenceProps","previewProps","previewSurfaceProps","sensitivityLabelProps","refId","useId","citeId","components","useMemo","citationHref","PackagedReference","props","_props_index","_ref","referenceIndex","Reference","CitationWithPreview","content","slot","always","undefined","defaultProps","children","excerpt","Caption1","elementType","citationWithPreviewState","assertSlots","sensitivity","optional","title","label","_sensitivityLabelProps_description","_jsxs","Preview","closeOnScroll","positioning","size","trapFocus","withArrow","PreviewTrigger","id","PreviewSurface","PreviewContent","PreviewHeader","citation","referenceHref","tabIndex","media","PreviewMetadata","icon","primaryText","secondaryText","tertiaryText","SensitivityLabel","description"],"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":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","index","refId","useId","citeId","referenceId","citationId","components","citationHref","PackagedReference","referenceIndex","referenceProps","propsRefId","props","_ref","_props_index","CitationWithPreview","defaultProps","children","content","citationWithPreviewState","undefined","excerpt","Caption1","assertSlots","optional","elementType","sensitivityLabelProps","Preview","closeOnScroll","sensitivity","positioning","trapFocus","label","withArrow","PreviewTrigger","PreviewSurface","previewSurfaceProps","aria-label","primaryText","secondaryText","SensitivityLabel","description","tertiaryText","_sensitivityLabelProps_description","previewProps","citationProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/hooks/useReferenceGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, useId } from '@fluentui/react-components';\nconst useStyles = __styles({\n  hidden: {\n    mc9l5x: \"fjseox\"\n  }\n}, {\n  d: [\".fjseox{display:none;}\"]\n});\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick\n    };\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId\n    };\n    return {\n      referenceGroupToggleProps,\n      referenceListProps\n    };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n//# sourceMappingURL=useReferenceGroup.js.map"],"names":["useReferenceGroup","useStyles","__styles","hidden","mc9l5x","d","props","isOpen","setIsOpen","React","useState","styles","referenceListId","useId","useMemo","handleClick","referenceGroupToggleProps","onClick","referenceListProps","className","undefined","id"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCACS;AAChC,MAAMC,YAAYC,IAAAA,yBAAQ,EAAC;IACzBC,QAAQ;QACNC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAyB;AAC/B;AAQO,MAAML,oBAAoBM,CAAAA;IAC/B,MAAM,CAACC,QAAQC,UAAU,GAAGC,OAAMC,QAAQ,CAAC;IAC3C,MAAMC,SAASV;IACf,MAAMW,kBAAkBC,IAAAA,sBAAK,EAAC,kBAAkBP,MAAMM,eAAe;IACrE,OAAOH,OAAMK,OAAO,CAAC;QACnB,MAAMC,cAAc;YAClBP,UAAUD,CAAAA,SAAU,CAACA;QACvB;QACA,MAAMS,4BAA4B;YAChC,iBAAiBJ;YACjBL;YACAU,SAASF;QACX;QACA,MAAMG,qBAAqB;YACzBC,WAAWZ,SAASa,YAAYT,OAAOR,MAAM;YAC7CkB,IAAIT;QACN;QACA,OAAO;YACLI;YACAE;QACF;IACF,GAAG;QAACX;QAAQK;QAAiBD,OAAOR,MAAM;KAAC;AAC7C,GACA,6CAA6C"}
+{"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n  referenceGroupToggleProps: ReferenceGroupToggleProps;\n  referenceListProps: ReferenceListProps;\n};\n\nconst useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick,\n    };\n\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId,\n    };\n\n    return { referenceGroupToggleProps, referenceListProps };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["referenceListId","useStyles","makeStyles","hidden","display","d","useId","isOpen","useMemo","React","useState","styles","handleClick","referenceGroupToggleProps","className","referenceListProps","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BQA;;;eAAAA;;;;iEA3Be;iCACG;AAU1B,MAAMC,YAAYC,IAAAA,yBAAAA,EAAAA;YAChBC;gBACEC;;AAEJ,GAAA;IAEAC,GAAA;QAAA;KAAA;;AAUE,MAAML,oBAAkBM,CAAAA;UAExB,CAAAC,QAAaC,UAAQ,GAAAC,OAAAC,QAAA,CAAA;UACnBC,SAAMC;4BACML,IAAAA,sBAAAA,EAAU,kBAACA,MAAAA,eAAAA;WACvBE,OAAAD,OAAA,CAAA;cAEAI,cAAMC;sBACJN,CAAAA,SAAA,CAAAA;;0CAESK;6BACXZ;;qBAGEc;;cAEFC,qBAAA;uBAEOR,SAAAS,YAAAL,OAAAR,MAAA;;;eAAgD;YACzDU;;;;;QAA6BF;QAAaA,OAAAR,MAAA;KAAA;GAC5C,6CAAE"}

package/lib-commonjs/index.js

@@ -12,68 +12,128 @@ _export(exports, {
     Citation: function() {
         return _Citation.Citation;
     },
+    Reference: function() {
+        return _Reference.Reference;
+    },
+    ReferenceGroupToggle: function() {
+        return _ReferenceGroupToggle.ReferenceGroupToggle;
+    },
+    ReferenceList: function() {
+        return _ReferenceList.ReferenceList;
+    },
+    ReferenceListContext: function() {
+        return _referencev2.ReferenceListContext;
+    },
+    ReferenceListContextProvider: function() {
+        return _referencev2.ReferenceListContextProvider;
+    },
+    ReferenceListV2: function() {
+        return _ReferenceListV2.ReferenceList;
+    },
+    ReferenceOverflowButton: function() {
+        return _ReferenceOverflowButton.ReferenceOverflowButton;
+    },
+    ReferenceV2: function() {
+        return _ReferenceV2.Reference;
+    },
     citationClassNames: function() {
         return _Citation.citationClassNames;
     },
+    referenceClassNames: function() {
+        return _Reference.referenceClassNames;
+    },
+    referenceGroupToggleClassNames: function() {
+        return _ReferenceGroupToggle.referenceGroupToggleClassNames;
+    },
+    referenceListClassNames: function() {
+        return _ReferenceList.referenceListClassNames;
+    },
+    referenceListV2ClassNames: function() {
+        return _ReferenceListV2.referenceListClassNames;
+    },
+    referenceOverflowButtonClassNames: function() {
+        return _ReferenceOverflowButton.referenceOverflowButtonClassNames;
+    },
+    referenceV2ClassNames: function() {
+        return _ReferenceV2.referenceClassNames;
+    },
+    referenceV2ExtraClassNames: function() {
+        return _ReferenceV2.referenceExtraClassNames;
+    },
     renderCitation_unstable: function() {
         return _Citation.renderCitation_unstable;
     },
-    useCitation_unstable: function() {
-        return _Citation.useCitation_unstable;
+    renderReferenceGroupToggle_unstable: function() {
+        return _ReferenceGroupToggle.renderReferenceGroupToggle_unstable;
     },
-    useCitationStyles_unstable: function() {
-        return _Citation.useCitationStyles_unstable;
+    renderReferenceListV2_unstable: function() {
+        return _ReferenceListV2.renderReferenceList_unstable;
     },
-    Reference: function() {
-        return _Reference.Reference;
+    renderReferenceList_unstable: function() {
+        return _ReferenceList.renderReferenceList_unstable;
     },
-    referenceClassNames: function() {
-        return _Reference.referenceClassNames;
+    renderReferenceOverflowButton_unstable: function() {
+        return _ReferenceOverflowButton.renderReferenceOverflowButton_unstable;
+    },
+    renderReferenceV2_unstable: function() {
+        return _ReferenceV2.renderReference_unstable;
     },
     renderReference_unstable: function() {
         return _Reference.renderReference_unstable;
     },
-    useReference_unstable: function() {
-        return _Reference.useReference_unstable;
+    useCitationStyles_unstable: function() {
+        return _Citation.useCitationStyles_unstable;
     },
-    useReferenceStyles_unstable: function() {
-        return _Reference.useReferenceStyles_unstable;
+    useCitation_unstable: function() {
+        return _Citation.useCitation_unstable;
     },
     useReferenceCitationPreview: function() {
         return _hooks.useReferenceCitationPreview;
     },
+    useReferenceCitationPreviewV2: function() {
+        return _referencev21.useReferenceCitationPreview;
+    },
     useReferenceGroup: function() {
         return _hooks.useReferenceGroup;
     },
-    ReferenceList: function() {
-        return _ReferenceList.ReferenceList;
+    useReferenceGroupToggleStyles_unstable: function() {
+        return _ReferenceGroupToggle.useReferenceGroupToggleStyles_unstable;
     },
-    referenceListClassNames: function() {
-        return _ReferenceList.referenceListClassNames;
+    useReferenceGroupToggle_unstable: function() {
+        return _ReferenceGroupToggle.useReferenceGroupToggle_unstable;
     },
-    useReferenceList_unstable: function() {
-        return _ReferenceList.useReferenceList_unstable;
+    useReferenceListContext_unstable: function() {
+        return _referencev2.useReferenceListContext_unstable;
+    },
+    useReferenceListStylesV2_unstable: function() {
+        return _ReferenceListV2.useReferenceListStyles_unstable;
     },
     useReferenceListStyles_unstable: function() {
         return _ReferenceList.useReferenceListStyles_unstable;
     },
-    renderReferenceList_unstable: function() {
-        return _ReferenceList.renderReferenceList_unstable;
+    useReferenceListV2_unstable: function() {
+        return _ReferenceListV2.useReferenceList_unstable;
     },
-    ReferenceGroupToggle: function() {
-        return _ReferenceGroupToggle.ReferenceGroupToggle;
+    useReferenceList_unstable: function() {
+        return _ReferenceList.useReferenceList_unstable;
     },
-    referenceGroupToggleClassNames: function() {
-        return _ReferenceGroupToggle.referenceGroupToggleClassNames;
+    useReferenceOverflowButtonStyles_unstable: function() {
+        return _ReferenceOverflowButton.useReferenceOverflowButtonStyles_unstable;
     },
-    renderReferenceGroupToggle_unstable: function() {
-        return _ReferenceGroupToggle.renderReferenceGroupToggle_unstable;
+    useReferenceOverflowButton_unstable: function() {
+        return _ReferenceOverflowButton.useReferenceOverflowButton_unstable;
     },
-    useReferenceGroupToggleStyles_unstable: function() {
-        return _ReferenceGroupToggle.useReferenceGroupToggleStyles_unstable;
+    useReferenceStylesV2_unstable: function() {
+        return _ReferenceV2.useReferenceStyles_unstable;
     },
-    useReferenceGroupToggle_unstable: function() {
-        return _ReferenceGroupToggle.useReferenceGroupToggle_unstable;
+    useReferenceStyles_unstable: function() {
+        return _Reference.useReferenceStyles_unstable;
+    },
+    useReferenceV2_unstable: function() {
+        return _ReferenceV2.useReference_unstable;
+    },
+    useReference_unstable: function() {
+        return _Reference.useReference_unstable;
     }
 });
 const _Citation = require("./Citation");
@@ -81,4 +141,9 @@ const _Reference = require("./Reference");
 const _hooks = require("./hooks");
 const _ReferenceList = require("./ReferenceList");
 const _ReferenceGroupToggle = require("./ReferenceGroupToggle");
+const _ReferenceV2 = require("./ReferenceV2");
+const _ReferenceListV2 = require("./ReferenceListV2");
+const _ReferenceOverflowButton = require("./ReferenceOverflowButton");
+const _referencev2 = require("./contexts/reference-v2");
+const _referencev21 = require("./hooks/reference-v2");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Citation, citationClassNames, renderCitation_unstable, useCitation_unstable, useCitationStyles_unstable } from './Citation';\nexport { Reference, referenceClassNames, renderReference_unstable, useReference_unstable, useReferenceStyles_unstable } from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport { ReferenceList, referenceListClassNames, useReferenceList_unstable, useReferenceListStyles_unstable, renderReferenceList_unstable } from './ReferenceList';\nexport { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './ReferenceGroupToggle';\n//# sourceMappingURL=index.js.map"],"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":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAAEC,kBAAkB;eAAlBA,4BAAkB;;IAAEC,uBAAuB;eAAvBA,iCAAuB;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IAAEC,0BAA0B;eAA1BA,oCAA0B;;IACvGC,SAAS;eAATA,oBAAS;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IAAEC,wBAAwB;eAAxBA,mCAAwB;;IAAEC,qBAAqB;eAArBA,gCAAqB;;IAAEC,2BAA2B;eAA3BA,sCAA2B;;IAC5GC,2BAA2B;eAA3BA,kCAA2B;;IAAEC,iBAAiB;eAAjBA,wBAAiB;;IAC9CC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAChIC,oBAAoB;eAApBA,0CAAoB;;IAAEC,8BAA8B;eAA9BA,oDAA8B;;IAAEC,mCAAmC;eAAnCA,yDAAmC;;IAAEC,sCAAsC;eAAtCA,4DAAsC;;IAAEC,gCAAgC;eAAhCA,sDAAgC;;;0BAJpD;2BACK;uBAC9D;+BACkF;sCACmC;CACpL,iCAAiC"}
+{"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\n// reference-v2 exports\nexport type {\n  ReferenceProps as ReferenceV2Props,\n  ReferenceSlots as ReferenceV2Slots,\n  ReferenceState as ReferenceV2State,\n} from './ReferenceV2';\nexport {\n  Reference as ReferenceV2,\n  referenceClassNames as referenceV2ClassNames,\n  referenceExtraClassNames as referenceV2ExtraClassNames,\n  renderReference_unstable as renderReferenceV2_unstable,\n  useReferenceStyles_unstable as useReferenceStylesV2_unstable,\n  useReference_unstable as useReferenceV2_unstable,\n} from './ReferenceV2';\n\nexport type {\n  ReferenceListContextValues as ReferenceListV2ContextValues,\n  ReferenceListProps as ReferenceListV2Props,\n  ReferenceListSlots as ReferenceListV2Slots,\n  ReferenceListState as ReferenceListV2State,\n} from './ReferenceListV2';\nexport {\n  ReferenceList as ReferenceListV2,\n  referenceListClassNames as referenceListV2ClassNames,\n  renderReferenceList_unstable as renderReferenceListV2_unstable,\n  useReferenceListStyles_unstable as useReferenceListStylesV2_unstable,\n  useReferenceList_unstable as useReferenceListV2_unstable,\n} from './ReferenceListV2';\n\nexport type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts/reference-v2';\nexport {\n  ReferenceListContext,\n  ReferenceListContextProvider,\n  useReferenceListContext_unstable,\n} from './contexts/reference-v2';\n\nexport type {\n  PackagedCitation as PackagedCitationV2,\n  PackagedPreviewContentProps as PackagedPreviewContentV2Props,\n  PackagedReference as PackagedReferenceV2,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';\n"],"names":["Citation","Reference","ReferenceGroupToggle","ReferenceList","ReferenceListContext","ReferenceListContextProvider","ReferenceListV2","ReferenceOverflowButton","ReferenceV2","citationClassNames","referenceClassNames","referenceGroupToggleClassNames","referenceListClassNames","referenceListV2ClassNames","referenceOverflowButtonClassNames","referenceV2ClassNames","referenceV2ExtraClassNames","referenceExtraClassNames","renderCitation_unstable","renderReferenceGroupToggle_unstable","renderReferenceListV2_unstable","renderReferenceList_unstable","renderReferenceOverflowButton_unstable","renderReferenceV2_unstable","renderReference_unstable","useCitationStyles_unstable","useCitation_unstable","useReferenceCitationPreview","useReferenceCitationPreviewV2","useReferenceGroup","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","useReferenceListContext_unstable","useReferenceListStylesV2_unstable","useReferenceListStyles_unstable","useReferenceListV2_unstable","useReferenceList_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","useReferenceStylesV2_unstable","useReferenceStyles_unstable","useReferenceV2_unstable","useReference_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,QAAQ;eAARA,kBAAQ;;IAORC,SAAS;eAATA,oBAAS;;IAeTC,oBAAoB;eAApBA,0CAAoB;;IAPpBC,aAAa;eAAbA,4BAAa;;IAgFbC,oBAAoB;eAApBA,iCAAoB;;IACpBC,4BAA4B;eAA5BA,yCAA4B;;IAvBXC,eAAe;eAAhCH,8BAAAA;;IAaAI,uBAAuB;eAAvBA,gDAAuB;;IA5BVC,WAAW;eAAxBP,sBAAAA;;IAzDAQ,kBAAkB;eAAlBA,4BAAkB;;IAOlBC,mBAAmB;eAAnBA,8BAAmB;;IAenBC,8BAA8B;eAA9BA,oDAA8B;;IAP9BC,uBAAuB;eAAvBA,sCAAuB;;IA0DIC,yBAAyB;eAApDD,wCAAAA;;IAaAE,iCAAiC;eAAjCA,0DAAiC;;IA5BVC,qBAAqB;eAA5CL,gCAAAA;;IAC4BM,0BAA0B;eAAtDC,qCAAAA;;IA1DAC,uBAAuB;eAAvBA,iCAAuB;;IAsBvBC,mCAAmC;eAAnCA,yDAAmC;;IAmDHC,8BAA8B;eAA9DC,6CAAAA;;IAxDAA,4BAA4B;eAA5BA,2CAA4B;;IAqE5BC,sCAAsC;eAAtCA,+DAAsC;;IA3BVC,0BAA0B;eAAtDC,qCAAAA;;IApDAA,wBAAwB;eAAxBA,mCAAwB;;IALxBC,0BAA0B;eAA1BA,oCAA0B;;IAD1BC,oBAAoB;eAApBA,8BAAoB;;IAUbC,2BAA2B;eAA3BA,kCAA2B;;IA8FIC,6BAA6B;eAA5DD,yCAAAA;;IA9F6BE,iBAAiB;eAAjBA,wBAAiB;;IAYrDC,sCAAsC;eAAtCA,4DAAsC;;IACtCC,gCAAgC;eAAhCA,sDAAgC;;IAuEhCC,gCAAgC;eAAhCA,6CAAgC;;IArBGC,iCAAiC;eAApEC,gDAAAA;;IA1DAA,+BAA+B;eAA/BA,8CAA+B;;IA2DFC,2BAA2B;eAAxDC,0CAAAA;;IA5DAA,yBAAyB;eAAzBA,wCAAyB;;IAwEzBC,yCAAyC;eAAzCA,kEAAyC;;IACzCC,mCAAmC;eAAnCA,4DAAmC;;IA5BJC,6BAA6B;eAA5DC,wCAAAA;;IAnDAA,2BAA2B;eAA3BA,sCAA2B;;IAoDFC,uBAAuB;eAAhDC,kCAAAA;;IArDAA,qBAAqB;eAArBA,gCAAqB;;;0BALhB;2BAOA;uBACwD;+BAOxD;sCAOA;6BAqCA;iCAcA;yCAaA;6BAOA;8BASsE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-reference",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "Fluent AI controls for citations and references",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,19 +12,19 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-preview": "^0.4.0",
-    "@fluentui-copilot/react-provider": "^0.8.0",
-    "@fluentui-copilot/react-sensitivity-label": "^0.4.0",
+    "@fluentui-copilot/react-preview": "^0.4.1",
+    "@fluentui-copilot/react-provider": "^0.8.1",
+    "@fluentui-copilot/react-sensitivity-label": "^0.4.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/keyboard-keys": ">=9.0.4 <10.0.0",
-    "@fluentui/react-components": ">=9.37.3 <10.0.0",
-    "@fluentui/react-context-selector": ">=9.1.34 <10.0.0",
-    "@fluentui/react-icons": ">=2.0.217 <3.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.18 <10.0.0",
-    "@fluentui/react-shared-contexts": ">=9.11.1 <10.0.0",
-    "@fluentui/react-utilities": ">=9.15.1 <10.0.0",
+    "@fluentui/keyboard-keys": ">=9.0.7 <10.0.0",
+    "@fluentui/react-components": ">=9.49.0 <10.0.0",
+    "@fluentui/react-context-selector": ">=9.1.58 <10.0.0",
+    "@fluentui/react-icons": ">=2.0.237 <3.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.36 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.17.0 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.7 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",

package/lib-commonjs/context/ReferenceGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceGroupContext.js"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\nconst ReferenceGroupContext = React.createContext(undefined);\nexport const ReferenceGroupProvider = ReferenceGroupContext.Provider;\nexport const useReferenceGroupSetOpen = () => {\n  const context = React.useContext(ReferenceGroupContext);\n  var _context_setOpen;\n  return (_context_setOpen = context === null || context === void 0 ? void 0 : context.setOpen) !== null && _context_setOpen !== void 0 ? _context_setOpen : noop;\n};\n//# sourceMappingURL=ReferenceGroupContext.js.map"],"names":["ReferenceGroupProvider","useReferenceGroupSetOpen","noop","ReferenceGroupContext","React","createContext","undefined","Provider","context","useContext","_context_setOpen","setOpen"],"mappings":";;;;;;;;;;;IAIaA,sBAAsB;eAAtBA;;IACAC,wBAAwB;eAAxBA;;;;iEALU;AACvB,gEAAgE;AAChE,MAAMC,OAAO,KAAO;AACpB,MAAMC,sCAAwBC,OAAMC,aAAa,CAACC;AAC3C,MAAMN,yBAAyBG,sBAAsBI,QAAQ;AAC7D,MAAMN,2BAA2B;IACtC,MAAMO,UAAUJ,OAAMK,UAAU,CAACN;IACjC,IAAIO;IACJ,OAAO,AAACA,CAAAA,mBAAmBF,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQG,OAAO,AAAD,MAAO,QAAQD,qBAAqB,KAAK,IAAIA,mBAAmBR;AAC7J,GACA,iDAAiD"}