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

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

@@ -0,0 +1,214 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceClassNames: function() {
+        return referenceClassNames;
+    },
+    referenceExtraClassNames: function() {
+        return referenceExtraClassNames;
+    },
+    useReferenceStyles_unstable: function() {
+        return useReferenceStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+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'
+};
+const referenceExtraClassNames = {
+    text: 'fai-Reference__text',
+    mediaChild: 'fai-Reference__mediaChild'
+};
+const labelFontSize = _reactcomponents.typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = _reactcomponents.typographyStyles.caption1Strong.lineHeight;
+const maxPopoverWidth = '256px';
+const useReferenceClassName = (0, _reactcomponents.makeResetStyles)({
+    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.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    padding: `${_tokens.tokens.spacingVerticalS} ${_tokens.tokens.spacingHorizontalS}`,
+    boxShadow: 'none',
+    columnGap: _tokens.tokens.spacingHorizontalXS,
+    alignItems: 'center'
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {},
+    sidecar: {
+        gridTemplateRows: '24px auto auto auto',
+        padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`
+    },
+    inline: {},
+    popover: {
+        ..._reactcomponents.shorthands.borderWidth('0px'),
+        width: `calc(${maxPopoverWidth} - (${_tokens.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: {
+        [`> ${_reactcomponents.buttonClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground3
+        }
+    },
+    sensitivity: {
+        gridArea: 'sensitivityLabel',
+        justifySelf: 'start'
+    },
+    metadata: {
+        marginTop: _tokens.tokens.spacingVerticalXS,
+        gridArea: 'metadata',
+        ..._reactcomponents.typographyStyles.caption2
+    },
+    metadataSubsequentText: {
+        position: 'relative',
+        marginLeft: _tokens.tokens.spacingHorizontalS,
+        '&::before': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            left: `calc(${_tokens.tokens.spacingHorizontalS} / -2)`,
+            top: `calc((${_reactcomponents.typographyStyles.caption2.lineHeight} - ${_reactcomponents.typographyStyles.caption2.fontSize}) / 2)`,
+            height: _reactcomponents.typographyStyles.caption2.fontSize,
+            ..._reactcomponents.shorthands.borderLeft(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2)
+        }
+    },
+    icon: {
+        ..._reactcomponents.typographyStyles.caption2,
+        verticalAlign: 'middle'
+    },
+    content: {
+        marginTop: _tokens.tokens.spacingVerticalXS,
+        gridArea: 'content',
+        display: 'flex',
+        flexDirection: 'column',
+        rowGap: _tokens.tokens.spacingVerticalS,
+        color: _tokens.tokens.colorNeutralForeground3,
+        wordBreak: 'break-word'
+    },
+    hidden: {
+        display: 'none'
+    }
+});
+const useLabelStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        gridArea: 'title',
+        alignSelf: 'start',
+        ..._reactcomponents.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'
+    }
+});
+const useReferenceStyles_unstable = (state)=>{
+    'use no memo';
+    const { isExpanded, mode, layout } = state;
+    const rootClassName = useReferenceClassName();
+    const styles = useStyles();
+    const labelStyles = useLabelStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootClassName, styles[mode], styles[layout], !isExpanded && styles.closed, state.root.className);
+    if (state.citation) {
+        state.citation.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.citation, styles.citation, state.citation.className);
+    }
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.media, styles.media, layout === 'popover' && styles.mediaPopover, state.media.className);
+    }
+    if (state.actions) {
+        state.actions.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.actions, styles.actions, state.actions.className);
+    }
+    state.label.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.label, labelStyles.root, labelStyles[mode], !isExpanded && labelStyles.closed, state.label.className);
+    if (state.sensitivity) {
+        state.sensitivity.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);
+    }
+    state.metadata.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);
+    let isSubsequentText = false;
+    if (state.primaryText) {
+        state.primaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.primaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.primaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.secondaryText) {
+        state.secondaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.secondaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.secondaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.tertiaryText) {
+        state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.tertiaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.tertiaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.icon) {
+        state.icon.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.icon, styles.icon, state.icon.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, styles.content, !isExpanded && styles.hidden, state.content.className);
+    if (state.detailsButton) {
+        state.detailsButton.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceStyles.styles.raw.js.map

package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js.map

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

package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceGroupToggleClassNames: function() {
+        return referenceGroupToggleClassNames;
+    },
+    useReferenceGroupToggleStyles_unstable: function() {
+        return useReferenceGroupToggleStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceGroupToggleClassNames = {
+    root: 'fai-ReferenceGroupToggle',
+    icon: 'fai-ReferenceGroupToggle__icon'
+};
+const useButtonBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    alignItems: 'center',
+    ..._reactcomponents.typographyStyles.caption1,
+    border: 0,
+    backgroundColor: _tokens.tokens.colorTransparentBackground,
+    color: _tokens.tokens.colorNeutralForeground3,
+    cursor: 'pointer',
+    width: 'max-content',
+    padding: `${_tokens.tokens.spacingVerticalXS} 0`
+});
+const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    alignItems: 'center'
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {
+        ..._reactcomponents.typographyStyles.caption1
+    },
+    sidecar: {
+        ..._reactcomponents.typographyStyles.caption2
+    }
+});
+const useReferenceGroupToggleStyles_unstable = (state)=>{
+    'use no memo';
+    const { mode } = state;
+    const styles = useStyles();
+    const iconBaseClassName = useIconBaseClassName();
+    const buttonBaseClassName = useButtonBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceGroupToggleClassNames.root, buttonBaseClassName, styles[mode], state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _reactcomponents.mergeClasses)(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceGroupToggleStyles.styles.raw.js.map

package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"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":["referenceGroupToggleClassNames","useReferenceGroupToggleStyles_unstable","root","icon","useButtonBaseClassName","makeResetStyles","display","columnGap","tokens","spacingHorizontalSNudge","alignItems","typographyStyles","caption1","border","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","width","padding","spacingVerticalXS","useIconBaseClassName","useStyles","makeStyles","canvas","sidecar","caption2","state","mode","buttonBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,8BAAAA;eAAAA;;IAkCXC,sCAAA;eAAAA;;;iCAvC0E;wBACrD;AAIhB,MAAMD,iCAA4E;UACvFE;UACAC;AACF;AAEA,MAAMC,yBAAyBC,IAAAA,gCAAAA,EAAgB;aAC7CC;eACAC,cAAWC,CAAAA,uBAAOC;gBAClBC;OACAC,iCAAGA,CAAAA,QAAiBC;YACpBC;qBACAC,cAAiBN,CAAAA,0BAAOO;WACxBC,cAAOR,CAAAA,uBAAOS;YACdC;WACAC;aACAC,CAAAA,EAAUZ,cAAEA,CAAAA,iBAAOa,CAAAA,EAAkB,CAAA;AACvC;AAEA,MAAMC,uBAAuBjB,IAAAA,gCAAAA,EAAgB;aAC3CC;gBACAI;AACF;AAEA,MAAMa,YAAYC,IAAAA,2BAAAA,EAAW;YAC3BC;4CAAad,CAAAA,QAAiBC;;aAC9Bc;4CACKf,CAAAA,QAAiBgB;;AAExB;AAME,MAAA1B,yCAAA2B,CAAAA;;UAKA,EACAC,IAAA,KACAD;UAOIA,SAAMzB;UACRyB,oBAAoBN;UACtBQ,sBAAA1B;UAEAF,IAAO0B,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,+BAAAA,IAAAA,EAAAA,qBAAAA,MAAAA,CAAAA,KAAAA,EAAAA,MAAAA,IAAAA,CAAAA,SAAAA;IACP,IAAAA,MAAAzB,IAAA,EAAA"}

package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.raw.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceListClassNames: function() {
+        return referenceListClassNames;
+    },
+    referenceListItemClassName: function() {
+        return referenceListItemClassName;
+    },
+    useReferenceListStyles_unstable: function() {
+        return useReferenceListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceListClassNames = {
+    root: 'fai-ReferenceList'
+};
+const referenceListItemClassName = 'fai-ReferenceList__item';
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _reactcomponents.makeResetStyles)({
+    padding: 0,
+    margin: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: _tokens.tokens.spacingVerticalS,
+    [`> .${referenceListItemClassName}`]: {
+        listStyleType: 'none'
+    }
+});
+const useReferenceListStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, useRootClassName(), state.root.className);
+    return state;
+}; //# sourceMappingURL=useReferenceListStyles.styles.raw.js.map

package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n};\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  padding: 0,\n  margin: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: tokens.spacingVerticalS,\n\n  [`> .${referenceListItemClassName}`]: {\n    listStyleType: 'none',\n  },\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n  return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","display","makeResetStyles","flexDirection","tokens","referenceListItemClassName","listStyleType","spacingVerticalS","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOQA,uBAAA;eAAAA;;;;;IAgCNC,+BAAA;eAAAA;;;iCAvC4C;wBACvB;AAMrBC,MAAMF,0BAAA;IACNE,MAAA;AAEF;;;;UASEC,mBAASC,IAAAA,gCAAA,EAAA;aACTC;YACKC;aAEEC;mBACLC;SACFF,cAAA,CAAAG,gBAAA;IACF,CAAA,CAAA,GAAA,EAAAF,2BAAA,CAAA,CAAA,EAAA;QAEAC,eAAA;;;AAWE,MAAAP,kCAAAS,CAAAA"}

package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.raw.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceClassNames: function() {
+        return referenceClassNames;
+    },
+    referenceExtraClassNames: function() {
+        return referenceExtraClassNames;
+    },
+    useReferenceStyles_unstable: function() {
+        return useReferenceStyles_unstable;
+    },
+    useRootStyles: function() {
+        return useRootStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceClassNames = {
+    root: 'fai-Reference',
+    citation: 'fai-Reference__citation',
+    divider: 'fai-Reference__divider',
+    graphic: 'fai-Reference__graphic',
+    content: 'fai-Reference__content'
+};
+const referenceExtraClassNames = {
+    graphicChild: 'fai-Reference__graphicChild'
+};
+const GRAPHIC_SIZE = '16px';
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    color: _tokens.tokens.colorNeutralForeground2,
+    columnGap: _tokens.tokens.spacingHorizontalXXS,
+    display: 'inline-flex',
+    flexShrink: 0,
+    justifyContent: 'center',
+    maxWidth: '100%',
+    minHeight: '24px',
+    padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalS}`,
+    textDecoration: 'none',
+    ':hover': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Hover,
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        color: _tokens.tokens.colorNeutralForeground2Hover,
+        [`& .${referenceClassNames.divider}`]: {
+            backgroundColor: _tokens.tokens.colorNeutralStroke1Hover
+        }
+    },
+    ':hover:active': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed,
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        color: _tokens.tokens.colorNeutralForeground2Pressed,
+        [`& .${referenceClassNames.divider}`]: {
+            backgroundColor: _tokens.tokens.colorNeutralStroke1Pressed
+        }
+    }
+});
+const useRootStyles = (0, _reactcomponents.makeStyles)({
+    overflow: {
+        maxWidth: '100%',
+        width: '100%'
+    }
+});
+const useRootNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ..._reactcomponents.typographyStyles.caption2Strong
+});
+const useDividerBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    backgroundColor: _tokens.tokens.colorNeutralStroke2,
+    height: '16px',
+    margin: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalXS}`,
+    width: '1px'
+});
+const useGraphicBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    fontSize: GRAPHIC_SIZE,
+    height: GRAPHIC_SIZE,
+    lineHeight: GRAPHIC_SIZE,
+    width: GRAPHIC_SIZE,
+    [`> .${referenceExtraClassNames.graphicChild}`]: {
+        height: GRAPHIC_SIZE,
+        width: GRAPHIC_SIZE
+    }
+});
+const useContentBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    display: 'inline-flex',
+    textAlign: 'start',
+    wordBreak: 'break-word',
+    ..._reactcomponents.typographyStyles.caption1
+});
+const useReferenceStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const rootNextStyles = useRootNextStyles();
+    const citationBaseClassName = useCitationBaseClassName();
+    const dividerBaseClassName = useDividerBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const graphicBaseClassName = useGraphicBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
+    if (state.citation) {
+        state.citation.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.citation, citationBaseClassName, state.citation.className);
+    }
+    if (state.divider) {
+        state.divider.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.divider, dividerBaseClassName, state.divider.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, contentBaseClassName, state.content.className);
+    }
+    if (state.graphic) {
+        state.graphic.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceStyles.styles.raw.js.map

package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  divider: 'fai-Reference__divider',\n  graphic: 'fai-Reference__graphic',\n  content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n  graphicChild: 'fai-Reference__graphicChild',\n};\n\nconst GRAPHIC_SIZE = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground2,\n  columnGap: tokens.spacingHorizontalXXS,\n  display: 'inline-flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  maxWidth: '100%',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  textDecoration: 'none',\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n    },\n  },\n});\n\nexport const useRootStyles = makeStyles({\n  overflow: {\n    maxWidth: '100%',\n    width: '100%',\n  },\n});\n\nconst useRootNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nconst useCitationBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2Strong,\n});\n\nconst useDividerBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralStroke2,\n  height: '16px',\n  margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,\n  width: '1px',\n});\n\nconst useGraphicBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  fontSize: GRAPHIC_SIZE,\n  height: GRAPHIC_SIZE,\n  lineHeight: GRAPHIC_SIZE,\n  width: GRAPHIC_SIZE,\n\n  [`> .${referenceExtraClassNames.graphicChild}`]: {\n    height: GRAPHIC_SIZE,\n    width: GRAPHIC_SIZE,\n  },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'inline-flex',\n  textAlign: 'start',\n  wordBreak: 'break-word',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootNextStyles = useRootNextStyles();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const graphicBaseClassName = useGraphicBaseClassName();\n\n  state.root.className = mergeClasses(\n    referenceClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && rootNextStyles.root,\n    state.root.className,\n  );\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(\n      referenceClassNames.citation,\n      citationBaseClassName,\n      state.citation.className,\n    );\n  }\n\n  if (state.divider) {\n    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n\n  if (state.graphic) {\n    state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","useRootStyles","root","citation","divider","graphic","content","graphicChild","GRAPHIC_SIZE","useRootBaseClassName","makeResetStyles","alignItems","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","boxSizing","color","colorNeutralForeground2","columnGap","spacingHorizontalXXS","display","flexShrink","justifyContent","maxWidth","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","textDecoration","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","makeStyles","overflow","width","useRootNextStyles","borderRadiusXLarge","useCitationBaseClassName","typographyStyles","caption2Strong","useDividerBaseClassName","height","margin","spacingVerticalNone","spacingHorizontalXS","useGraphicBaseClassName","fontSize","lineHeight","useContentBaseClassName","spacingHorizontalSNudge","textAlign","wordBreak","caption1","state","designVersion","citationBaseClassName","rootBaseClassName","contentBaseClassName","rootNextStyles","graphicBaseClassName","mergeClasses","className","dividerBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.raw.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceListClassNames: function() {
+        return referenceListClassNames;
+    },
+    useReferenceListStyles_unstable: function() {
+        return useReferenceListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceListClassNames = {
+    root: 'fai-ReferenceList',
+    arrowableRegion: 'fai-ReferenceList__arrowableRegion',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'flex',
+    flexDirection: 'row',
+    gap: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`
+});
+const useRootStyles = (0, _reactcomponents.makeStyles)({
+    referencesExpanded: {
+        flexWrap: 'wrap'
+    }
+});
+const useArrowableRegionBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'contents',
+    maxWidth: '100%'
+});
+const useOverflowButtonBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    flexShrink: 0
+});
+const useReferenceListStyles_unstable = (state)=>{
+    'use no memo';
+    const { areReferencesExpanded, shouldUseOverflow } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();
+    const overflowButtonBaseClassName = useOverflowButtonBaseClassName();
+    const rootStyles = useRootStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+    state.arrowableRegion.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.arrowableRegion, arrowableRegionBaseClassName, state.arrowableRegion.className);
+    if (state.showMoreButton) {
+        state.showMoreButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceListStyles.styles.raw.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n  arrowableRegion: 'fai-ReferenceList__arrowableRegion',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n  referencesExpanded: {\n    flexWrap: 'wrap',\n  },\n});\n\nconst useArrowableRegionBaseClassName = makeResetStyles({\n  display: 'contents',\n  maxWidth: '100%',\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  const { areReferencesExpanded, shouldUseOverflow } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(\n    referenceListClassNames.root,\n    rootBaseClassName,\n    (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n    state.root.className,\n  );\n\n  state.arrowableRegion.className = mergeClasses(\n    referenceListClassNames.arrowableRegion,\n    arrowableRegionBaseClassName,\n    state.arrowableRegion.className,\n  );\n\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(\n      referenceListClassNames.showMoreButton,\n      overflowButtonBaseClassName,\n      state.showMoreButton.className,\n    );\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(\n      referenceListClassNames.showLessButton,\n      overflowButtonBaseClassName,\n      state.showLessButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceListClassNames","areReferencesExpanded","shouldUseOverflow","root","arrowableRegion","showMoreButton","showLessButton","display","makeResetStyles","flexDirection","tokens","gap","spacingVerticalXS","spacingHorizontalXS","referencesExpanded","flexWrap","maxWidth","flexShrink","useRootStyles","state","className","useRootBaseClassName","useArrowableRegionBaseClassName","overflowButtonBaseClassName","useOverflowButtonBaseClassName","mergeClasses","arrowableRegionBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAsCHC,+BAAuBC;eAAvBD;;;iCA3CgD;wBACnC;AAIhB,MAAMD,0BAA8D;UACzEG;qBACAC;oBACAC;oBACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,gCAAA,EAAA;aACTC;mBACQC;IACVC,KAAA,CAAA,EAAAD,cAAA,CAAAE,iBAAA,CAAA,CAAA,EAAAF,cAAA,CAAAG,mBAAA,CAAA,CAAA;AAEA;MACEC,gBAAAA,IAAAA,2BAAoB,EAAA;wBACR;QACZC,UAAA;IACF;AAEA;MACER,kCAASC,IAAAA,gCAAA,EAAA;aACTQ;IACFA,UAAA;AAEA;MACET,iCAASC,IAAAA,gCAAA,EAAA;aACTS;IACFA,YAAA;AAEA;AAME,MAAQhB,kCAAuBC,CAAAA;;UAI/B,EACAD,qBAAmBiB,EAEnBC,iBAAWC,KAOXD;UAMIA,oBAAoBE;UACtBF,+BAA8BG;UAKhCC,8BAAAC;UAEIL,aAAMb;UACRa,IAAAA,CAAAA,SAAMb,GAAAA,IAAAA,6BAAec,EAASpB,wBAC5BA,IAAAA,EAAAA,mBAAwBM,CAAAA,yBACxBiB,CAAAA,iBACMjB,KAAAA,WAAec,kBAAS,EAAAD,MAAAhB,IAAA,CAAAiB,SAAA;UAElChB,eAAA,CAAAgB,SAAA,GAAAK,IAAAA,6BAAA,EAAAzB,wBAAAI,eAAA,EAAAsB,8BAAAP,MAAAf,eAAA,CAAAgB,SAAA;QAEAD,MAAOA,cAAAA,EAAAA;QACPA,MAAAd,cAAA,CAAAe,SAAA,GAAAK,IAAAA,6BAAA,EAAAzB,wBAAAK,cAAA,EAAAkB,6BAAAJ,MAAAd,cAAA,CAAAe,SAAA"}