@fluentui-copilot/react-reference 0.15.5-hotfix.1 → 0.15.5-hotfix.2

package/lib/components/Reference/useReferenceStyles.styles.raw.js

@@ -1,197 +1,206 @@
 import { buttonClassNames, makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
-/** deprecated Use ReferenceV2 component, hooks and types instead. */ export const referenceClassNames = {
-    root: 'fai-Reference',
-    citation: 'fai-Reference__citation',
-    media: 'fai-Reference__media',
-    actions: 'fai-Reference__actions',
-    sensitivity: 'fai-Reference__sensitivity',
-    metadata: 'fai-Reference__metadata',
-    primaryText: 'fai-Reference__primaryText',
-    secondaryText: 'fai-Reference__secondaryText',
-    tertiaryText: 'fai-Reference__tertiaryText',
-    icon: 'fai-Reference__icon',
-    label: 'fai-Reference__label',
-    content: 'fai-Reference__content',
-    detailsButton: 'fai-Reference__detailsButton'
+/** deprecated Use ReferenceV2 component, hooks and types instead. */
+export const referenceClassNames = {
+  root: 'fai-Reference',
+  citation: 'fai-Reference__citation',
+  media: 'fai-Reference__media',
+  actions: 'fai-Reference__actions',
+  sensitivity: 'fai-Reference__sensitivity',
+  metadata: 'fai-Reference__metadata',
+  primaryText: 'fai-Reference__primaryText',
+  secondaryText: 'fai-Reference__secondaryText',
+  tertiaryText: 'fai-Reference__tertiaryText',
+  icon: 'fai-Reference__icon',
+  label: 'fai-Reference__label',
+  content: 'fai-Reference__content',
+  detailsButton: 'fai-Reference__detailsButton'
 };
-/** deprecated Use ReferenceV2 component, hooks and types instead. */ export const referenceExtraClassNames = {
-    text: 'fai-Reference__text',
-    mediaChild: 'fai-Reference__mediaChild'
+/** deprecated Use ReferenceV2 component, hooks and types instead. */
+export const referenceExtraClassNames = {
+  text: 'fai-Reference__text',
+  mediaChild: 'fai-Reference__mediaChild'
 };
 const labelFontSize = typographyStyles.caption1Strong.fontSize;
 const labelLineHeight = typographyStyles.caption1Strong.lineHeight;
 const maxPopoverWidth = '256px';
 const useReferenceClassName = makeResetStyles({
-    boxSizing: 'border-box',
-    width: '100%',
-    display: 'grid',
-    gridTemplateAreas: `
+  boxSizing: 'border-box',
+  width: '100%',
+  display: 'grid',
+  gridTemplateAreas: `
       "citation         media            title            actions"
       ".                .                title            ."
       "sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel"
       "metadata         metadata         metadata         metadata"
       "content          content          content          content"
     `,
-    gridTemplateColumns: 'min-content min-content 1fr min-content',
-    gridTemplateRows: '32px auto auto auto auto',
-    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
-    borderRadius: tokens.borderRadiusMedium,
-    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,
-    boxShadow: 'none',
-    columnGap: tokens.spacingHorizontalXS,
-    alignItems: 'center'
+  gridTemplateColumns: 'min-content min-content 1fr min-content',
+  gridTemplateRows: '32px auto auto auto auto',
+  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
+  borderRadius: tokens.borderRadiusMedium,
+  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,
+  boxShadow: 'none',
+  columnGap: tokens.spacingHorizontalXS,
+  alignItems: 'center'
 });
 const useStyles = makeStyles({
-    canvas: {},
-    sidecar: {
-        gridTemplateRows: '24px auto auto auto',
-        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`
-    },
-    inline: {},
-    popover: {
-        ...shorthands.borderWidth('0px'),
-        width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,
-        padding: '0px'
-    },
-    closed: {
-        rowGap: 0
-    },
-    citation: {
-        gridArea: 'citation'
-    },
-    media: {
-        gridArea: 'media',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
-    mediaPopover: {
-        width: '16px',
-        height: '16px',
-        [`> .${referenceExtraClassNames.mediaChild}`]: {
-            width: '16px',
-            height: '16px'
-        }
-    },
-    actions: {
-        gridArea: 'actions',
-        justifySelf: 'end',
-        display: 'flex',
-        gridRowStart: 1
-    },
-    detailsButton: {
-        [`> ${buttonClassNames.icon}`]: {
-            color: tokens.colorNeutralForeground3
-        }
-    },
-    sensitivity: {
-        gridArea: 'sensitivityLabel',
-        justifySelf: 'start'
-    },
-    metadata: {
-        marginTop: tokens.spacingVerticalXS,
-        gridArea: 'metadata',
-        ...typographyStyles.caption2
-    },
-    metadataSubsequentText: {
-        position: 'relative',
-        marginLeft: tokens.spacingHorizontalS,
-        '&::before': {
-            content: '""',
-            display: 'block',
-            position: 'absolute',
-            left: `calc(${tokens.spacingHorizontalS} / -2)`,
-            top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,
-            height: typographyStyles.caption2.fontSize,
-            ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2)
-        }
-    },
-    icon: {
-        ...typographyStyles.caption2,
-        verticalAlign: 'middle'
-    },
-    content: {
-        marginTop: tokens.spacingVerticalXS,
-        gridArea: 'content',
-        display: 'flex',
-        flexDirection: 'column',
-        rowGap: tokens.spacingVerticalS,
-        color: tokens.colorNeutralForeground3,
-        wordBreak: 'break-word'
-    },
-    hidden: {
-        display: 'none'
+  canvas: {},
+  sidecar: {
+    gridTemplateRows: '24px auto auto auto',
+    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`
+  },
+  inline: {},
+  popover: {
+    ...shorthands.borderWidth('0px'),
+    width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,
+    padding: '0px'
+  },
+  closed: {
+    rowGap: 0
+  },
+  citation: {
+    gridArea: 'citation'
+  },
+  media: {
+    gridArea: 'media',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  mediaPopover: {
+    width: '16px',
+    height: '16px',
+    [`> .${referenceExtraClassNames.mediaChild}`]: {
+      width: '16px',
+      height: '16px'
     }
+  },
+  actions: {
+    gridArea: 'actions',
+    justifySelf: 'end',
+    display: 'flex',
+    gridRowStart: 1
+  },
+  detailsButton: {
+    [`> ${buttonClassNames.icon}`]: {
+      color: tokens.colorNeutralForeground3
+    }
+  },
+  sensitivity: {
+    gridArea: 'sensitivityLabel',
+    justifySelf: 'start'
+  },
+  metadata: {
+    marginTop: tokens.spacingVerticalXS,
+    gridArea: 'metadata',
+    ...typographyStyles.caption2
+  },
+  metadataSubsequentText: {
+    position: 'relative',
+    marginLeft: tokens.spacingHorizontalS,
+    '&::before': {
+      content: '""',
+      display: 'block',
+      position: 'absolute',
+      left: `calc(${tokens.spacingHorizontalS} / -2)`,
+      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,
+      height: typographyStyles.caption2.fontSize,
+      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2)
+    }
+  },
+  icon: {
+    ...typographyStyles.caption2,
+    verticalAlign: 'middle'
+  },
+  content: {
+    marginTop: tokens.spacingVerticalXS,
+    gridArea: 'content',
+    display: 'flex',
+    flexDirection: 'column',
+    rowGap: tokens.spacingVerticalS,
+    color: tokens.colorNeutralForeground3,
+    wordBreak: 'break-word'
+  },
+  hidden: {
+    display: 'none'
+  }
 });
 const useLabelStyles = makeStyles({
-    root: {
-        gridArea: 'title',
-        alignSelf: 'start',
-        ...typographyStyles.caption1Strong,
-        wordBreak: 'break-word',
-        '-webkit-box-orient': 'vertical',
-        '-webkit-line-clamp': '2',
-        display: '-webkit-box',
-        overflowY: 'hidden'
-    },
-    canvas: {
-        // 24px is the height of the tallest element within the reference
-        paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
-    },
-    sidecar: {
-        // 16px is the height of the tallest element within the reference
-        paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
-    },
-    closed: {
-        maxWidth: '100%',
-        '-webkit-line-clamp': '1'
-    }
+  root: {
+    gridArea: 'title',
+    alignSelf: 'start',
+    ...typographyStyles.caption1Strong,
+    wordBreak: 'break-word',
+    '-webkit-box-orient': 'vertical',
+    '-webkit-line-clamp': '2',
+    display: '-webkit-box',
+    overflowY: 'hidden'
+  },
+  canvas: {
+    // 24px is the height of the tallest element within the reference
+    paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
+  },
+  sidecar: {
+    // 16px is the height of the tallest element within the reference
+    paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
+  },
+  closed: {
+    maxWidth: '100%',
+    '-webkit-line-clamp': '1'
+  }
 });
 /**
  * Apply styling to the Reference slots based on the state
  *
  * deprecated Use ReferenceV2 component, hooks and types instead.
- */ export const useReferenceStyles_unstable = (state)=>{
-    'use no memo';
-    const { isExpanded, mode, layout } = state;
-    const rootClassName = useReferenceClassName();
-    const styles = useStyles();
-    const labelStyles = useLabelStyles();
-    state.root.className = mergeClasses(referenceClassNames.root, rootClassName, styles[mode], styles[layout], !isExpanded && styles.closed, state.root.className);
-    if (state.citation) {
-        state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);
-    }
-    if (state.media) {
-        state.media.className = mergeClasses(referenceClassNames.media, styles.media, layout === 'popover' && styles.mediaPopover, state.media.className);
-    }
-    if (state.actions) {
-        state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);
-    }
-    state.label.className = mergeClasses(referenceClassNames.label, labelStyles.root, labelStyles[mode], !isExpanded && labelStyles.closed, state.label.className);
-    if (state.sensitivity) {
-        state.sensitivity.className = mergeClasses(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);
-    }
-    state.metadata.className = mergeClasses(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);
-    let isSubsequentText = false;
-    if (state.primaryText) {
-        state.primaryText.className = mergeClasses(referenceClassNames.primaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.primaryText.className);
-        isSubsequentText = true;
-    }
-    if (state.secondaryText) {
-        state.secondaryText.className = mergeClasses(referenceClassNames.secondaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.secondaryText.className);
-        isSubsequentText = true;
-    }
-    if (state.tertiaryText) {
-        state.tertiaryText.className = mergeClasses(referenceClassNames.tertiaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.tertiaryText.className);
-        isSubsequentText = true;
-    }
-    if (state.icon) {
-        state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);
-    }
-    state.content.className = mergeClasses(referenceClassNames.content, styles.content, !isExpanded && styles.hidden, state.content.className);
-    if (state.detailsButton) {
-        state.detailsButton.className = mergeClasses(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);
-    }
-    return state;
+ */
+export const useReferenceStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    isExpanded,
+    mode,
+    layout
+  } = state;
+  const rootClassName = useReferenceClassName();
+  const styles = useStyles();
+  const labelStyles = useLabelStyles();
+  state.root.className = mergeClasses(referenceClassNames.root, rootClassName, styles[mode], styles[layout], !isExpanded && styles.closed, state.root.className);
+  if (state.citation) {
+    state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);
+  }
+  if (state.media) {
+    state.media.className = mergeClasses(referenceClassNames.media, styles.media, layout === 'popover' && styles.mediaPopover, state.media.className);
+  }
+  if (state.actions) {
+    state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);
+  }
+  state.label.className = mergeClasses(referenceClassNames.label, labelStyles.root, labelStyles[mode], !isExpanded && labelStyles.closed, state.label.className);
+  if (state.sensitivity) {
+    state.sensitivity.className = mergeClasses(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);
+  }
+  state.metadata.className = mergeClasses(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);
+  let isSubsequentText = false;
+  if (state.primaryText) {
+    state.primaryText.className = mergeClasses(referenceClassNames.primaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.primaryText.className);
+    isSubsequentText = true;
+  }
+  if (state.secondaryText) {
+    state.secondaryText.className = mergeClasses(referenceClassNames.secondaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.secondaryText.className);
+    isSubsequentText = true;
+  }
+  if (state.tertiaryText) {
+    state.tertiaryText.className = mergeClasses(referenceClassNames.tertiaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.tertiaryText.className);
+    isSubsequentText = true;
+  }
+  if (state.icon) {
+    state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);
+  }
+  state.content.className = mergeClasses(referenceClassNames.content, styles.content, !isExpanded && styles.hidden, state.content.className);
+  if (state.detailsButton) {
+    state.detailsButton.className = mergeClasses(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);
+  }
+  return state;
 };
+//# sourceMappingURL=useReferenceStyles.styles.raw.js.map

package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js

@@ -2,9 +2,11 @@ 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);
+/** 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.types.js

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

package/lib/components/ReferenceGroupToggle/index.js

@@ -2,3 +2,4 @@ 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/renderReferenceGroupToggle.js

@@ -1,13 +1,12 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+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, {})
-        ]
-    });
+ */
+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/useReferenceGroupToggle.js

@@ -10,30 +10,34 @@ import { useCopilotMode } from '@fluentui-copilot/react-provider';
  *
  * @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'
-        })
-    };
+ */
+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/useReferenceGroupToggleStyles.styles.raw.js

@@ -1,44 +1,49 @@
 import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const referenceGroupToggleClassNames = {
-    root: 'fai-ReferenceGroupToggle',
-    icon: 'fai-ReferenceGroupToggle__icon'
+  root: 'fai-ReferenceGroupToggle',
+  icon: 'fai-ReferenceGroupToggle__icon'
 };
 const useButtonBaseClassName = makeResetStyles({
-    display: 'inline-flex',
-    columnGap: tokens.spacingHorizontalSNudge,
-    alignItems: 'center',
-    ...typographyStyles.caption1,
-    border: 0,
-    backgroundColor: tokens.colorTransparentBackground,
-    color: tokens.colorNeutralForeground3,
-    cursor: 'pointer',
-    width: 'max-content',
-    padding: `${tokens.spacingVerticalXS} 0`
+  display: 'inline-flex',
+  columnGap: tokens.spacingHorizontalSNudge,
+  alignItems: 'center',
+  ...typographyStyles.caption1,
+  border: 0,
+  backgroundColor: tokens.colorTransparentBackground,
+  color: tokens.colorNeutralForeground3,
+  cursor: 'pointer',
+  width: 'max-content',
+  padding: `${tokens.spacingVerticalXS} 0`
 });
 const useIconBaseClassName = makeResetStyles({
-    display: 'inline-flex',
-    alignItems: 'center'
+  display: 'inline-flex',
+  alignItems: 'center'
 });
 const useStyles = makeStyles({
-    canvas: {
-        ...typographyStyles.caption1
-    },
-    sidecar: {
-        ...typographyStyles.caption2
-    }
+  canvas: {
+    ...typographyStyles.caption1
+  },
+  sidecar: {
+    ...typographyStyles.caption2
+  }
 });
 /**
  * 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;
+ */
+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.raw.js.map

package/lib/components/ReferenceList/ReferenceList.js

@@ -3,10 +3,12 @@ import { useReferenceList_unstable } from './useReferenceList';
 import { renderReferenceList_unstable } from './renderReferenceList';
 import { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const ReferenceList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReferenceList_unstable(props, ref);
-    useReferenceListStyles_unstable(state);
-    useCustomStyleHook('useReferenceListStyles')(state);
-    return renderReferenceList_unstable(state);
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */
+export const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReferenceList_unstable(props, ref);
+  useReferenceListStyles_unstable(state);
+  useCustomStyleHook('useReferenceListStyles')(state);
+  return renderReferenceList_unstable(state);
 });
 ReferenceList.displayName = 'ReferenceList';
+//# sourceMappingURL=ReferenceList.js.map

package/lib/components/ReferenceList/ReferenceList.types.js

@@ -1 +1,2 @@
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export { };
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */export {};
+//# sourceMappingURL=ReferenceList.types.js.map

package/lib/components/ReferenceList/index.js

@@ -2,3 +2,4 @@ export { ReferenceList } from './ReferenceList';
 export { renderReferenceList_unstable } from './renderReferenceList';
 export { useReferenceList_unstable } from './useReferenceList';
 export { referenceListClassNames, referenceListItemClassName, useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/ReferenceList/renderReferenceList.js

@@ -1,6 +1,8 @@
-  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
-/** deprecated Use ReferenceListV2 component, hooks and types instead. */ export const renderReferenceList_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsx(state.root, {});
+/** deprecated Use ReferenceListV2 component, hooks and types instead. */
+export const renderReferenceList_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(state.root, {});
 };
+//# sourceMappingURL=renderReferenceList.js.map