@fluentui-copilot/react-reference 0.15.5 → 0.16.0

package/lib-commonjs/utilities/useReferenceCitationPreview.js

@@ -9,135 +9,10 @@ Object.defineProperty(exports, "useReferenceCitationPreview", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactcomponents = require("@fluentui/react-components");
-const _reactpreview = require("@fluentui-copilot/react-preview");
-const _reactsensitivitylabel = require("@fluentui-copilot/react-sensitivity-label");
-const _Citation = require("../Citation");
-const _Reference = require("../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.
-const CitationCloseButton = (citationCloseButtonProps)=>{
-    const setPopoverOpen = (0, _reactcomponents.usePopoverContext_unstable)((context)=>context.setOpen);
-    const onPopoverCloseClick = _react.useCallback((ev)=>{
-        setPopoverOpen(ev, false);
-        // Don't navigate
-        ev.preventDefault();
-    }, [
-        setPopoverOpen
+const _generateReferenceCitationPreview = require("./generateReferenceCitationPreview");
+const useReferenceCitationPreview = (props)=>{
+    return _react.useMemo(()=>(0, _generateReferenceCitationPreview.generateReferenceCitationPreview)(props), [
+        props
     ]);
-    const onCitationCloseButtonClick = (0, _reactcomponents.mergeCallbacks)(onPopoverCloseClick, citationCloseButtonProps.onClick);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
-        ...citationCloseButtonProps,
-        onClick: onCitationCloseButtonClick
-    });
-};
-const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationId: propsCiteId, citationProps, referenceProps, previewHeaderProps, previewProps, previewSurfaceProps, sensitivityLabelProps })=>{
-    const refId = (0, _reactcomponents.useId)();
-    const citeId = (0, _reactcomponents.useId)();
-    const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
-    const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;
-    const components = _react.useMemo(()=>{
-        const citationHref = `#${citationId}`;
-        const PackagedReference = (props)=>{
-            var _props_index, _ref;
-            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;
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Reference.Reference, {
-                ...referenceProps,
-                index: referenceIndex,
-                referenceId: referenceId,
-                citationHref: citationHref,
-                ...props
-            });
-        };
-        const CitationWithPreview = (props)=>{
-            // We assert content as a slot to use it with its resolved props object and the correct defaults below.
-            const content = _reactcomponents.slot.always(referenceProps ? referenceProps.content : undefined, {
-                defaultProps: {
-                    children: (referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.excerpt) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.Caption1, {
-                        children: referenceProps.excerpt
-                    })
-                },
-                elementType: 'div'
-            });
-            const citationWithPreviewState = {
-                components: {
-                    content: 'div'
-                },
-                content
-            };
-            (0, _reactcomponents.assertSlots)(citationWithPreviewState);
-            // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.
-            const sensitivity = _reactcomponents.slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivity, {
-                elementType: 'span'
-            });
-            const title = _reactcomponents.slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {
-                elementType: 'div'
-            });
-            var _previewHeaderProps_children, _sensitivityLabelProps_description, _previewSurfaceProps_children;
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
-                closeOnScroll: true,
-                positioning: "above",
-                size: "small",
-                trapFocus: true,
-                withArrow: true,
-                ...previewProps,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewTrigger, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
-                            ...citationProps,
-                            id: citationId,
-                            ...props,
-                            children: index
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewSurface, {
-                        ...previewSurfaceProps,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.PreviewContent, {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewHeader, {
-                                    citation: /*#__PURE__*/ (0, _jsxruntime.jsx)(CitationCloseButton, {
-                                        "aria-label": `Close Reference ${index}`,
-                                        referenceHref: "#",
-                                        tabIndex: -1,
-                                        children: index
-                                    }),
-                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
-                                    ...previewHeaderProps,
-                                    children: (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : title === null || title === void 0 ? void 0 : title.children
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewMetadata, {
-                                    icon: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.icon,
-                                    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
-                                }),
-                                sensitivity && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsensitivitylabel.SensitivityLabel, {
-                                    description: (_sensitivityLabelProps_description = sensitivityLabelProps === null || sensitivityLabelProps === void 0 ? void 0 : sensitivityLabelProps.description) !== null && _sensitivityLabelProps_description !== void 0 ? _sensitivityLabelProps_description : '',
-                                    children: sensitivity.children
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(citationWithPreviewState.content, {}),
-                                (_previewSurfaceProps_children = previewSurfaceProps === null || previewSurfaceProps === void 0 ? void 0 : previewSurfaceProps.children) !== null && _previewSurfaceProps_children !== void 0 ? _previewSurfaceProps_children : previewProps === null || previewProps === void 0 ? void 0 : previewProps.children
-                            ]
-                        })
-                    })
-                ]
-            });
-        };
-        return {
-            Citation: CitationWithPreview,
-            Reference: PackagedReference
-        };
-    }, [
-        index,
-        referenceId,
-        citationId,
-        referenceProps,
-        citationProps,
-        previewHeaderProps,
-        previewProps,
-        previewSurfaceProps,
-        sensitivityLabelProps
-    ]);
-    return components;
 }; //# sourceMappingURL=useReferenceCitationPreview.js.map

package/lib-commonjs/utilities/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  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 { PreviewHeaderProps, 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  previewHeaderProps?: PreviewHeaderProps;\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  previewHeaderProps,\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=\"above\" 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={`Close Reference ${index}`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.media}\n                {...previewHeaderProps}\n              >\n                {previewHeaderProps?.children ?? 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              {previewSurfaceProps?.children ?? 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    previewHeaderProps,\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","props","referenceProps","referenceIndex","_props_index","_ref","CitationWithPreview","Reference","content","children","undefined","excerpt","Caption1","title","citationWithPreviewState","positioning","optional","sensitivity","size","withArrow","label","previewProps","PreviewTrigger","PreviewSurface","previewSurfaceProps","referenceHref","media","previewHeaderProps","primaryText","_previewHeaderProps_children","SensitivityLabel","description","sensitivityLabelProps","secondaryText","citationProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;4BACA;iEAEuB;iCAQhB;8BAUA;uCAC0B;0BAIR;2BACC;AAyD1B,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;;;uCASDE,KACD,eAWQC,UAAQC,cACRC,WAASD,eAETE,gBACAC,oBAEAC,cACEC,qBAEAC,uBACmBC;kBAEvBP,IAAAA,sBAAA;mBAEKA,IAAAA,sBAAGQ;wBACJV,eAAOW,QAAAA,eAAAA,KAAAA,IAAAA,aAAAA;uBACPP,gBAAaA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAAA;uBACbG,OAAAA,OAAcA,CAAAA;6BACL,CAAA,CAAA,EAAAF,WAAA,CAAA;;gBAGfO,cAAAC;kBAEAF,iBAAMG,CAAAA,OAAwCL,CAAAA,eAAAA,MAAAA,KAAAA,MAAAA,QAAAA,iBAAAA,KAAAA,IAAAA,eAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,KAAAA,MAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAAA;mBAC5C,WAAA,GAAAb,IAAAA,eAAA,EAAAmB,oBAAA,EAAA;iCACMC;;6BAEFC;;;;;oCAGJR,CAAAA;mHACiC;4BAC/BH,qBAAAA,CAAAA,MAAY,CAAAI,iBAAAA,eAAAM,OAAA,GAAAE,WAAA;8BACVF;8BACF,AAAAN,CAAAA,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAS,OAAA,KAAA,WAAA,GAAAvB,IAAAA,eAAA,EAAAwB,yBAAA,EAAA;kCACAJ,eAAAA,OAAAA;;;6BAIF;;6CAC8E;4BAAO;6BAC/EK;;;;4CAEN,EAAAC;yIACwB;gCAACC,qBAAY,CAAAC,QAAA,CAAAd,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAe,WAAA,EAAA;6BAAQC;;0BAAuBC,qBAAAA,CAASH,QAAA,CAAAd,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAkB,KAAA,EAAA;6BAAKC;;8CAC7EC,oCAAAA;4EACC,EAAA;;;;;;;;qDAIF,EAAAA,4BAACC,EAAAA;6CAAmBC,GAAAA,IAAAA,eAAAA,EAAAA,kBAAmB,EAAA;;;;;;;mFAI8BC,EAAAA;;kGAC1DjC,EAAAA;;;4DAGLkC,IAAAA,eAAK,EAAAjD,qBAAEyB;uEACHyB,EAAAA,MAAAA,CAAAA;;;;;8DAMJC,QAAW1B,mBAAEA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,KAAAA;;8EAECA,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAA4BO,QAAA,MAAA,QAAAoB,iCAAA,KAAA,IAAAA,+BAAAhB,UAAA,QAAAA,UAAA,KAAA,IAAA,KAAA,IAAAA,MAAAJ,QAAA;;;6DAE3CQ,QAAAA,mBACEa,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA;oEAAiBC,QAAaC,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,WAAAA;sEAC5Bf,QAAAA,mBAAoB,KAAA,IAAA,KAAA,IAAAf,eAAA+B,aAAA;;;gFAGzB,EAAAH,uCAAChB,EAAAA;uFACAU,0BAAAA,QAAAA,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBf,WAAQ,MAA7Be,QAAAA,uCAAAA,KAAAA,IAAAA,qCAAiCH;;;;;;;;;;;eAO5C;sBACEhC;uBACAkB;;OAEJ;QAAAf;QAAGI;QAAAC;QAAAK;QAAAgC;QAAAP;QAAAN;QAAAG;QAAAQ;KAAA;WACDxC;0DAEAK"}
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport {\n  generateReferenceCitationPreview,\n  type ReferenceCitationPreviewGenerator,\n  type ReferenceCitationPreviewGeneratorProps,\n} from './generateReferenceCitationPreview';\n\nexport type UseReferenceCitationPreviewProps = ReferenceCitationPreviewGeneratorProps;\n\nexport type UseReferenceCitationPreview = ReferenceCitationPreviewGenerator;\n\n/**\n * Hook to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.\n * Props can either be passed in to the hook or applied directly to the generated components in JSX.\n *\n * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.\n * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  return React.useMemo(() => generateReferenceCitationPreview(props), [props]);\n};\n"],"names":["React","generateReferenceCitationPreview","props"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BA4BSA;;;eAAAA;;;;iEA5BT;kDASO;AAmBL,MAAOA,8BAAoBC,CAAAA;WAA0CC,OAAAA,OAAAA,CAAAA,IAAAA,IAAAA,kEAAAA,EAAAA,QAAAA;QAAAA;KAAAA;GACvE,uDAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-reference",
-  "version": "0.15.5",
+  "version": "0.16.0",
   "description": "Fluent AI controls for citations and references",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,9 +12,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-preview": "^0.7.4",
-    "@fluentui-copilot/react-provider": "^0.11.3",
-    "@fluentui-copilot/react-sensitivity-label": "^0.7.4",
+    "@fluentui-copilot/react-preview": "^0.8.0",
+    "@fluentui-copilot/react-provider": "^0.12.0",
+    "@fluentui-copilot/react-sensitivity-label": "^0.8.0",
     "@fluentui-copilot/react-utilities": "^0.0.8",
     "@fluentui-copilot/tokens": "^0.3.11",
     "@swc/helpers": "^0.5.1"

package/lib/ReferenceGroupToggle.js

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

package/lib/ReferenceGroupToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceGroupToggle.ts"],"sourcesContent":["export type { ReferenceGroupToggleProps, ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './components/ReferenceGroupToggle/index';\nexport { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './components/ReferenceGroupToggle/index';\n"],"names":["ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,oBAAoB,EAAEC,8BAA8B,EAAEC,mCAAmC,EAAEC,sCAAsC,EAAEC,gCAAgC,QAAQ,0CAA0C"}

package/lib/ReferenceListV2.js

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

package/lib/ReferenceListV2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceListV2.ts"],"sourcesContent":["export type { ReferenceListContextValues, ReferenceListProps, ReferenceListSlots, ReferenceListState } from './components/reference-v2/ReferenceList/index';\nexport { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/reference-v2/ReferenceList/index';\n"],"names":["ReferenceList","referenceListClassNames","renderReferenceList_unstable","useReferenceListStyles_unstable","useReferenceList_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,aAAa,EAAEC,uBAAuB,EAAEC,4BAA4B,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,gDAAgD"}

package/lib/ReferenceV2.js

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

package/lib/ReferenceV2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceV2.ts"],"sourcesContent":["export type { ReferenceProps, ReferenceSlots, ReferenceState } from './components/reference-v2/Reference/index';\nexport { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './components/reference-v2/Reference/index';\n"],"names":["Reference","referenceClassNames","referenceExtraClassNames","renderReference_unstable","useReferenceStyles_unstable","useReference_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,SAAS,EAAEC,mBAAmB,EAAEC,wBAAwB,EAAEC,wBAAwB,EAAEC,2BAA2B,EAAEC,qBAAqB,QAAQ,4CAA4C"}

package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';
-import { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';
-import { useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';
-/** deprecated The ReferenceGroup pattern is deprecated and will be removed in a future release. */
-export const ReferenceGroupToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useReferenceGroupToggle_unstable(props, ref);
-  useReferenceGroupToggleStyles_unstable(state);
-  return renderReferenceGroupToggle_unstable(state);
-});
-ReferenceGroupToggle.displayName = 'ReferenceGroupToggle';
-//# sourceMappingURL=ReferenceGroupToggle.js.map

package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';\nimport { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';\nimport { useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';\nimport type { ReferenceGroupToggleProps } from './ReferenceGroupToggle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/** deprecated The ReferenceGroup pattern is deprecated and will be removed in a future release. */\nexport const ReferenceGroupToggle: ForwardRefComponent<ReferenceGroupToggleProps> = React.forwardRef((props, ref) => {\n  const state = useReferenceGroupToggle_unstable(props, ref);\n\n  useReferenceGroupToggleStyles_unstable(state);\n  return renderReferenceGroupToggle_unstable(state);\n});\n\nReferenceGroupToggle.displayName = 'ReferenceGroupToggle';\n"],"names":["React","useReferenceGroupToggle_unstable","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","ReferenceGroupToggle","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,yCAAyC;AAIhG,iGAAiG,GACjG,OAAO,MAAMC,qCAAuEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQP,iCAAiCK,OAAOC;IAEtDJ,uCAAuCK;IACvC,OAAON,oCAAoCM;AAC7C,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["ReferenceGroupToggle.types.ts"],"sourcesContent":["import type { CopilotMode } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceGroupToggleSlots = {\n  root: NonNullable<Slot<'button'>>;\n  icon?: Slot<'span'>;\n};\n\n/**\n * ReferenceGroupToggle Props\n */\nexport type ReferenceGroupToggleProps = ComponentProps<ReferenceGroupToggleSlots> &\n  CopilotMode & {\n    isOpen?: boolean;\n  };\n\n/**\n * State used in rendering ReferenceGroupToggle\n */\nexport type ReferenceGroupToggleState = ComponentState<ReferenceGroupToggleSlots> &\n  Required<Pick<ReferenceGroupToggleProps, 'isOpen' | 'mode'>>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAC+D"}

package/lib/components/ReferenceGroupToggle/index.js

@@ -1,5 +0,0 @@
-export { ReferenceGroupToggle } from './ReferenceGroupToggle';
-export { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';
-export { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';
-export { referenceGroupToggleClassNames, useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { ReferenceGroupToggle } from './ReferenceGroupToggle';\nexport type { ReferenceGroupToggleProps, ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nexport { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';\nexport { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';\nexport { referenceGroupToggleClassNames, useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';\n"],"names":["ReferenceGroupToggle","renderReferenceGroupToggle_unstable","useReferenceGroupToggle_unstable","referenceGroupToggleClassNames","useReferenceGroupToggleStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAE9D,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,8BAA8B,EAAEC,sCAAsC,QAAQ,yCAAyC"}

package/lib/components/ReferenceGroupToggle/renderReferenceGroupToggle.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-components';
-/**
- * Render the final JSX of ReferenceGroupToggle
- */
-export const renderReferenceGroupToggle_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [state.root.children, state.icon && /*#__PURE__*/_jsx(state.icon, {})]
-  });
-};
-//# sourceMappingURL=renderReferenceGroupToggle.js.map

package/lib/components/ReferenceGroupToggle/renderReferenceGroupToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderReferenceGroupToggle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceGroupToggleState, ReferenceGroupToggleSlots } from './ReferenceGroupToggle.types';\n\n/**\n * Render the final JSX of ReferenceGroupToggle\n */\nexport const renderReferenceGroupToggle_unstable = (state: ReferenceGroupToggleState) => {\n  assertSlots<ReferenceGroupToggleSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.icon && <state.icon />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderReferenceGroupToggle_unstable","state","root","children","icon"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClDF,YAAuCE;IAEvC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,IAAI,kBAAI,KAACH,MAAMG,IAAI;;;AAGhC,EAAE"}

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
-import { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';
-import { useCopilotMode } from '@fluentui-copilot/react-provider';
-/**
- * Create the state required to render ReferenceGroupToggle.
- *
- * The returned state can be modified with hooks such as useReferenceGroupToggleStyles_unstable,
- * before being passed to renderReferenceGroupToggle_unstable.
- *
- * @param props - props from this instance of ReferenceGroupToggle
- * @param ref - reference to root HTMLElement of ReferenceGroupToggle
- */
-export const useReferenceGroupToggle_unstable = (props, ref) => {
-  const {
-    isOpen = false
-  } = props;
-  const mode = useCopilotMode(props.mode);
-  return {
-    mode,
-    isOpen,
-    components: {
-      root: 'button',
-      icon: 'span'
-    },
-    root: slot.always(getIntrinsicElementProps('button', {
-      ref,
-      'aria-expanded': isOpen,
-      type: 'button',
-      ...props
-    }), {
-      elementType: 'button'
-    }),
-    icon: slot.optional(props.icon, {
-      defaultProps: {
-        children: isOpen ? /*#__PURE__*/React.createElement(ChevronUp16Regular, null) : /*#__PURE__*/React.createElement(ChevronDown16Regular, null)
-      },
-      renderByDefault: true,
-      elementType: 'span'
-    })
-  };
-};
-//# sourceMappingURL=useReferenceGroupToggle.js.map

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport type { ReferenceGroupToggleProps, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render ReferenceGroupToggle.\n *\n * The returned state can be modified with hooks such as useReferenceGroupToggleStyles_unstable,\n * before being passed to renderReferenceGroupToggle_unstable.\n *\n * @param props - props from this instance of ReferenceGroupToggle\n * @param ref - reference to root HTMLElement of ReferenceGroupToggle\n */\nexport const useReferenceGroupToggle_unstable = (\n  props: ReferenceGroupToggleProps,\n  ref: React.Ref<HTMLButtonElement>,\n): ReferenceGroupToggleState => {\n  const { isOpen = false } = props;\n\n  const mode = useCopilotMode(props.mode);\n  return {\n    mode,\n    isOpen,\n    components: {\n      root: 'button',\n      icon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-expanded': isOpen,\n        type: 'button',\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.optional(props.icon, {\n      defaultProps: {\n        children: isOpen ? <ChevronUp16Regular /> : <ChevronDown16Regular />,\n      },\n      renderByDefault: true,\n      elementType: 'span',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","ChevronDown16Regular","ChevronUp16Regular","useCopilotMode","useReferenceGroupToggle_unstable","props","ref","isOpen","mode","components","root","icon","always","type","elementType","optional","defaultProps","children","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAC5E,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAEjF,SAASC,cAAc,QAAQ,mCAAmC;AAElE;;;;;;;;CAQC,GACD,OAAO,MAAMC,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,SAAS,KAAK,EAAE,GAAGF;IAE3B,MAAMG,OAAOL,eAAeE,MAAMG,IAAI;IACtC,OAAO;QACLA;QACAD;QACAE,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMV,KAAKY,MAAM,CACfb,yBAAyB,UAAU;YACjCO;YACA,iBAAiBC;YACjBM,MAAM;YACN,GAAGR,KAAK;QACV,IACA;YAAES,aAAa;QAAS;QAE1BH,MAAMX,KAAKe,QAAQ,CAACV,MAAMM,IAAI,EAAE;YAC9BK,cAAc;gBACZC,UAAUV,uBAAS,oBAACL,0CAAwB,oBAACD;YAC/C;YACAiB,iBAAiB;YACjBJ,aAAa;QACf;IACF;AACF,EAAE"}

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js

@@ -1,43 +0,0 @@
-import { __resetStyles, __styles, mergeClasses, typographyStyles } from '@fluentui/react-components';
-import { tokens } from '@fluentui-copilot/tokens';
-export const referenceGroupToggleClassNames = {
-  root: 'fai-ReferenceGroupToggle',
-  icon: 'fai-ReferenceGroupToggle__icon'
-};
-const useButtonBaseClassName = __resetStyles("rqbbkgr", null, [".rqbbkgr{display:inline-flex;column-gap:var(--spacingHorizontalSNudge);align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);border:0;background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground3);cursor:pointer;width:max-content;padding:var(--spacingVerticalXS) 0;}"]);
-const useIconBaseClassName = __resetStyles("r18biwo", null, [".r18biwo{display:inline-flex;align-items:center;}"]);
-const useStyles = __styles({
-  canvas: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  },
-  sidecar: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "f13mqy1h",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fcpl73t"
-  }
-}, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
-});
-/**
- * Apply styling to the ReferenceGroupToggle slots based on the state
- */
-export const useReferenceGroupToggleStyles_unstable = state => {
-  'use no memo';
-
-  const {
-    mode
-  } = state;
-  const styles = useStyles();
-  const iconBaseClassName = useIconBaseClassName();
-  const buttonBaseClassName = useButtonBaseClassName();
-  state.root.className = mergeClasses(referenceGroupToggleClassNames.root, buttonBaseClassName, styles[mode], state.root.className);
-  if (state.icon) {
-    state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);
-  }
-  return state;
-};
-//# sourceMappingURL=useReferenceGroupToggleStyles.styles.js.map

package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useReferenceGroupToggleStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceGroupToggleClassNames: SlotClassNames<ReferenceGroupToggleSlots> = {\n  root: 'fai-ReferenceGroupToggle',\n  icon: 'fai-ReferenceGroupToggle__icon',\n};\n\nconst useButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  columnGap: tokens.spacingHorizontalSNudge,\n  alignItems: 'center',\n  ...typographyStyles.caption1,\n  border: 0,\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground3,\n  cursor: 'pointer',\n  width: 'max-content',\n  padding: `${tokens.spacingVerticalXS} 0`,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n  canvas: { ...typographyStyles.caption1 },\n  sidecar: {\n    ...typographyStyles.caption2,\n  },\n});\n\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = (state: ReferenceGroupToggleState): ReferenceGroupToggleState => {\n  'use no memo';\n\n  const { mode } = state;\n  const styles = useStyles();\n\n  const iconBaseClassName = useIconBaseClassName();\n  const buttonBaseClassName = useButtonBaseClassName();\n  state.root.className = mergeClasses(\n    referenceGroupToggleClassNames.root,\n    buttonBaseClassName,\n    styles[mode],\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","referenceGroupToggleClassNames","root","icon","useButtonBaseClassName","display","columnGap","spacingHorizontalSNudge","alignItems","caption1","border","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","width","padding","spacingVerticalXS","useIconBaseClassName","useStyles","canvas","sidecar","caption2","useReferenceGroupToggleStyles_unstable","state","mode","styles","iconBaseClassName","buttonBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,6BAA6B;AACzG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,yBAAyBR,gBAAgB;IAC7CS,SAAS;IACTC,WAAWN,OAAOO,uBAAuB;IACzCC,YAAY;IACZ,GAAGT,iBAAiBU,QAAQ;IAC5BC,QAAQ;IACRC,iBAAiBX,OAAOY,0BAA0B;IAClDC,OAAOb,OAAOc,uBAAuB;IACrCC,QAAQ;IACRC,OAAO;IACPC,SAAS,CAAC,EAAEjB,OAAOkB,iBAAiB,CAAC,EAAE,CAAC;AAC1C;AAEA,MAAMC,uBAAuBvB,gBAAgB;IAC3CS,SAAS;IACTG,YAAY;AACd;AAEA,MAAMY,YAAYvB,WAAW;IAC3BwB,QAAQ;QAAE,GAAGtB,iBAAiBU,QAAQ;IAAC;IACvCa,SAAS;QACP,GAAGvB,iBAAiBwB,QAAQ;IAC9B;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CAACC;IACrD;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,SAASP;IAEf,MAAMQ,oBAAoBT;IAC1B,MAAMU,sBAAsBzB;IAC5BqB,MAAMvB,IAAI,CAAC4B,SAAS,GAAGhC,aACrBG,+BAA+BC,IAAI,EACnC2B,qBACAF,MAAM,CAACD,KAAK,EACZD,MAAMvB,IAAI,CAAC4B,SAAS;IAGtB,IAAIL,MAAMtB,IAAI,EAAE;QACdsB,MAAMtB,IAAI,CAAC2B,SAAS,GAAGhC,aAAaG,+BAA+BE,IAAI,EAAEyB,mBAAmBH,MAAMtB,IAAI,CAAC2B,SAAS;IAClH;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/reference-v2/Reference/Reference.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { useReference_unstable } from './useReference';
-import { renderReference_unstable } from './renderReference';
-import { useReferenceStyles_unstable } from './useReferenceStyles.styles';
-export const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useReference_unstable(props, ref);
-  useReferenceStyles_unstable(state);
-  return renderReference_unstable(state);
-});
-Reference.displayName = 'Reference';
-//# sourceMappingURL=Reference.js.map

package/lib/components/reference-v2/Reference/Reference.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["React","useReference_unstable","renderReference_unstable","useReferenceStyles_unstable","Reference","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,8BAA8B;AAI1E,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQP,sBAAsBK,OAAOC;IAE3CJ,4BAA4BK;IAC5B,OAAON,yBAAyBM;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

package/lib/components/reference-v2/Reference/Reference.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Reference.types.js.map

package/lib/components/reference-v2/Reference/Reference.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Reference.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { ReferenceListState } from '../ReferenceList';\n\nexport type ReferenceSlots = {\n  /** The root of the component that renders the reference as either a button or an anchor element. */\n  root: NonNullable<Slot<'button', 'a'>>;\n\n  /** The number of the citation this reference corresponds to. */\n  citation?: Slot<'span'>;\n\n  /** A divider that visually separates the citation from the content of the reference. */\n  divider?: Slot<'span'>;\n\n  /** A space containing the content of the reference, which goes into an ellipsis if it overflows. */\n  content?: Slot<'span'>;\n\n  /** A space within the content slot where a graphic such as an icon or an image can be displayed before the rest of the content. */\n  graphic?: Slot<'span'>;\n};\n\nexport type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> & DesignVersion & {};\n\nexport type ReferenceState = ComponentState<ReferenceSlots> &\n  Required<Pick<ReferenceProps, 'id' | 'designVersion'>> &\n  Pick<ReferenceListState, 'shouldUseOverflow'>;\n"],"names":[],"rangeMappings":"","mappings":"AAuBA,WAEgD"}

package/lib/components/reference-v2/Reference/index.js

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

package/lib/components/reference-v2/Reference/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { Reference } from './Reference';\nexport type { ReferenceProps, ReferenceSlots, ReferenceState } from './Reference.types';\nexport { renderReference_unstable } from './renderReference';\nexport { useReference_unstable } from './useReference';\nexport {\n  referenceClassNames,\n  referenceExtraClassNames,\n  useReferenceStyles_unstable,\n} from './useReferenceStyles.styles';\n"],"names":["Reference","renderReference_unstable","useReference_unstable","referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AAExC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SACEC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,QACtB,8BAA8B"}

package/lib/components/reference-v2/Reference/renderReference.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { OverflowItem, assertSlots } from '@fluentui/react-components';
-export const renderReference_unstable = state => {
-  assertSlots(state);
-  const {
-    id,
-    shouldUseOverflow
-  } = state;
-  const reference = /*#__PURE__*/_jsxs(state.root, {
-    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.divider && /*#__PURE__*/_jsx(state.divider, {}), state.content && /*#__PURE__*/_jsxs(state.content, {
-      children: [state.graphic && /*#__PURE__*/_jsx(state.graphic, {}), state.root.children]
-    })]
-  });
-  return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {
-    id: id,
-    children: reference
-  }, id) : reference;
-};
-//# sourceMappingURL=renderReference.js.map

package/lib/components/reference-v2/Reference/renderReference.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  const { id, shouldUseOverflow } = state;\n\n  const reference = (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.divider && <state.divider />}\n      {state.content && (\n        <state.content>\n          {state.graphic && <state.graphic />}\n          {state.root.children}\n        </state.content>\n      )}\n    </state.root>\n  );\n\n  return shouldUseOverflow ? (\n    <OverflowItem key={id} id={id}>\n      {reference}\n    </OverflowItem>\n  ) : (\n    reference\n  );\n};\n"],"names":["OverflowItem","assertSlots","renderReference_unstable","state","id","shouldUseOverflow","reference","root","citation","divider","content","graphic","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,YAAY,EAAEC,WAAW,QAAQ,6BAA6B;AAGvE,OAAO,MAAMC,2BAA2B,CAACC;IACvCF,YAA4BE;IAE5B,MAAM,EAAEC,EAAE,EAAEC,iBAAiB,EAAE,GAAGF;IAElC,MAAMG,0BACJ,MAACH,MAAMI,IAAI;;YACRJ,MAAMK,QAAQ,kBAAI,KAACL,MAAMK,QAAQ;YACjCL,MAAMM,OAAO,kBAAI,KAACN,MAAMM,OAAO;YAC/BN,MAAMO,OAAO,kBACZ,MAACP,MAAMO,OAAO;;oBACXP,MAAMQ,OAAO,kBAAI,KAACR,MAAMQ,OAAO;oBAC/BR,MAAMI,IAAI,CAACK,QAAQ;;;;;IAM5B,OAAOP,kCACL,KAACL;QAAsBI,IAAIA;kBACxBE;OADgBF,MAInBE;AAEJ,EAAE"}

package/lib/components/reference-v2/Reference/useReference.js

@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';
-import { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';
-import { referenceExtraClassNames } from './useReferenceStyles.styles';
-import { useDesignVersion } from '@fluentui-copilot/react-provider';
-/**
- * Create the state required to render Reference.
- *
- * The returned state can be modified with hooks such as useReferenceStyles_unstable,
- * before being passed to renderReference_unstable.
- *
- * @param props - props from this instance of Reference
- * @param ref - reference to root HTMLElement of Reference
- */
-export const useReference_unstable = (props, ref) => {
-  const {
-    as,
-    children,
-    id
-  } = props;
-  const designVersion = useDesignVersion(props.designVersion);
-  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);
-  const referenceId = useId('reference-', id);
-  const elementType = as || (props.href ? 'a' : 'button');
-  const propsWithAssignedAs = {
-    type: elementType === 'button' ? 'button' : undefined,
-    ...props,
-    as: elementType,
-    id: referenceId
-  };
-  const citation = slot.optional(props.citation, {
-    elementType: 'span'
-  });
-  const graphic = slot.optional(props.graphic, {
-    elementType: 'span'
-  });
-  const content = slot.optional(props.content, {
-    elementType: 'span',
-    renderByDefault: graphic !== undefined || !!children
-  });
-  const divider = slot.optional(props.divider, {
-    elementType: 'span',
-    renderByDefault: citation !== undefined && content !== undefined
-  });
-  const state = {
-    designVersion,
-    id: referenceId,
-    shouldUseOverflow,
-    components: {
-      root: elementType,
-      citation: 'span',
-      divider: 'span',
-      graphic: 'span',
-      content: 'span'
-    },
-    root: slot.always(getIntrinsicElementProps(elementType, {
-      ref,
-      ...propsWithAssignedAs
-    }), {
-      elementType
-    }),
-    citation,
-    divider,
-    content,
-    graphic
-  };
-  if (state.graphic && React.isValidElement(state.graphic.children)) {
-    state.graphic.children = React.cloneElement(state.graphic.children, {
-      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild)
-    });
-  }
-  return state;
-};
-//# sourceMappingURL=useReference.js.map

package/lib/components/reference-v2/Reference/useReference.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\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 = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    designVersion,\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: elementType,\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useId","useReferenceListContext_unstable","referenceExtraClassNames","useDesignVersion","useReference_unstable","props","ref","as","children","id","designVersion","shouldUseOverflow","ctx","referenceId","elementType","href","propsWithAssignedAs","type","undefined","citation","optional","graphic","content","renderByDefault","divider","state","components","root","always","isValidElement","cloneElement","className","graphicChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,gCAAgC,QAAQ,sDAAsD;AACvG,SAASC,wBAAwB,QAAQ,8BAA8B;AAEvE,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC;IAEA,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,EAAE,EAAE,GAAGJ;IAE7B,MAAMK,gBAAgBP,iBAAiBE,MAAMK,aAAa;IAE1D,MAAMC,oBAAoBV,iCAAiCW,CAAAA,MAAOA,IAAID,iBAAiB;IAEvF,MAAME,cAAcb,MAAM,cAAcS;IAExC,MAAMK,cAAcP,MAAO,CAAA,AAACF,MAAqCU,IAAI,GAAG,MAAM,QAAO;IACrF,MAAMC,sBAAsB;QAC1BC,MAAMH,gBAAgB,WAAW,WAAWI;QAC5C,GAAGb,KAAK;QACRE,IAAIO;QACJL,IAAII;IACN;IAEA,MAAMM,WAAWpB,KAAKqB,QAAQ,CAACf,MAAMc,QAAQ,EAAE;QAAEL,aAAa;IAAO;IACrE,MAAMO,UAAUtB,KAAKqB,QAAQ,CAACf,MAAMgB,OAAO,EAAE;QAAEP,aAAa;IAAO;IACnE,MAAMQ,UAAUvB,KAAKqB,QAAQ,CAACf,MAAMiB,OAAO,EAAE;QAC3CR,aAAa;QACbS,iBAAiBF,YAAYH,aAAa,CAAC,CAACV;IAC9C;IACA,MAAMgB,UAAUzB,KAAKqB,QAAQ,CAACf,MAAMmB,OAAO,EAAE;QAC3CV,aAAa;QACbS,iBAAiBJ,aAAaD,aAAaI,YAAYJ;IACzD;IAEA,MAAMO,QAAwB;QAC5Bf;QACAD,IAAII;QACJF;QAEAe,YAAY;YACVC,MAAMb;YACNK,UAAU;YACVK,SAAS;YACTH,SAAS;YACTC,SAAS;QACX;QAEAK,MAAM5B,KAAK6B,MAAM,CACf/B,yBAAyBiB,aAAa;YACpCR;YACA,GAAGU,mBAAmB;QACxB,IACA;YAAEF;QAAY;QAEhBK;QACAK;QACAF;QACAD;IACF;IAEA,IAAII,MAAMJ,OAAO,IAAIzB,MAAMiC,cAAc,CAAcJ,MAAMJ,OAAO,CAACb,QAAQ,GAAG;QAC9EiB,MAAMJ,OAAO,CAACb,QAAQ,GAAGZ,MAAMkC,YAAY,CAACL,MAAMJ,OAAO,CAACb,QAAQ,EAAE;YAClEuB,WAAWjC,aAAa2B,MAAMJ,OAAO,CAACb,QAAQ,CAACH,KAAK,CAAC0B,SAAS,EAAE7B,yBAAyB8B,YAAY;QACvG;IACF;IAEA,OAAOP;AACT,EAAE"}