@fluentui-copilot/react-reference 0.10.0 → 0.11.1

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceStyles.js"],"sourcesContent":["import { buttonClassNames, __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const referenceClassNames = {\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};\nexport const referenceExtraClassNames = {\n  text: 'fai-Reference__text',\n  mediaChild: 'fai-Reference__mediaChild'\n};\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\nconst maxPopoverWidth = '256px';\nconst useReferenceClassName = __resetStyles(\"r8mog99\", null, [\".r8mog99{box-sizing:border-box;width:100%;display:grid;grid-template-areas:\\\"citation         media            title            actions\\\" \\\".                .                title            .\\\" \\\"sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel\\\" \\\"metadata         metadata         metadata         metadata\\\" \\\"content          content          content          content\\\";grid-template-columns:min-content min-content 1fr min-content;grid-template-rows:32px auto auto auto auto;border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);padding:var(--spacingVerticalS) var(--spacingHorizontalS);box-shadow:none;column-gap:var(--spacingHorizontalXS);align-items:center;}\"]);\nconst useStyles = __styles({\n  canvas: {},\n  sidecar: {\n    wkccdc: \"f2e0fxj\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  inline: {},\n  popover: {\n    B4j52fo: \"f1pit55b\",\n    Bekrc4i: [\"f1orqat1\", \"ffbvwxd\"],\n    Bn0qgzm: \"f136mcbi\",\n    ibv6hh: [\"ffbvwxd\", \"f1orqat1\"],\n    a9b677: \"f1uniyfe\",\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"fifp7yv\", \"f1asdtw4\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1asdtw4\", \"fifp7yv\"]\n  },\n  closed: {\n    Belr9w4: \"f1sff6ri\"\n  },\n  citation: {\n    Ijaq50: \"fwllpr6\",\n    Br312pm: \"fx0qcsv\",\n    nk6f5a: \"f1ldxewp\",\n    Bw0ie65: \"ftmncab\"\n  },\n  media: {\n    Ijaq50: \"f11uok23\",\n    Br312pm: \"f1qdfnnj\",\n    nk6f5a: \"f1s27gz\",\n    Bw0ie65: \"f86d0yl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  },\n  mediaPopover: {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\",\n    psn4ub: \"fe9dio4\",\n    vf399t: \"f1ojxjpn\"\n  },\n  actions: {\n    Ijaq50: \"f16hsg94\",\n    Br312pm: \"f35n22n\",\n    nk6f5a: \"fh3uimt\",\n    Bw0ie65: \"fnh4yke\",\n    Bdqf98w: \"f1a7i8kp\",\n    mc9l5x: \"f22iagw\"\n  },\n  detailsButton: {\n    D5xksd: \"fzmnlw3\"\n  },\n  sensitivity: {\n    Ijaq50: \"fpymh5q\",\n    Br312pm: \"fjieyc3\",\n    nk6f5a: \"f18utan\",\n    Bw0ie65: \"f15c84mf\",\n    Bdqf98w: \"fsxvdwy\"\n  },\n  metadata: {\n    B6of3ja: \"fww94b8\",\n    Ijaq50: \"f1md2vp3\",\n    Br312pm: \"f1y0qc5c\",\n    nk6f5a: \"f179ty8e\",\n    Bw0ie65: \"f83o9dc\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"f13mqy1h\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fcpl73t\"\n  },\n  metadataSubsequentText: {\n    qhf8xq: \"f10pi13n\",\n    Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n    Ftih45: \"f1wl9k8s\",\n    Br0sdwz: \"f1aocrix\",\n    Brfgrao: \"f1j7ml58\",\n    Fbdkly: [\"f1s1fjay\", \"f15a459s\"],\n    Bciustq: \"f1wl9tmt\",\n    Baz25je: \"f8pn7wt\",\n    uvfttm: [\"f1x8pvcy\", \"f9sc749\"],\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"]\n  },\n  icon: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"f13mqy1h\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fcpl73t\",\n    ha4doy: \"fmrv4ls\"\n  },\n  content: {\n    B6of3ja: \"fww94b8\",\n    Ijaq50: \"fxwmwwq\",\n    Br312pm: \"f1e0gndy\",\n    nk6f5a: \"f4zz6gv\",\n    Bw0ie65: \"f7idnck\",\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Belr9w4: \"f1wn3y0l\",\n    sj55zd: \"f11d4kpn\",\n    Biipf1f: \"f9ijwd5\"\n  },\n  hidden: {\n    mc9l5x: \"fjseox\"\n  }\n}, {\n  d: [\".f2e0fxj{grid-template-rows:24px auto auto auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f1pit55b{border-top-width:0px;}\", \".f1orqat1{border-right-width:0px;}\", \".ffbvwxd{border-left-width:0px;}\", \".f136mcbi{border-bottom-width:0px;}\", \".f1uniyfe{width:calc(256px - (var(--spacingHorizontalM) * 2));}\", \".f1nbblvp{padding-top:0px;}\", \".fifp7yv{padding-right:0px;}\", \".f1asdtw4{padding-left:0px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".f1sff6ri{row-gap:0;}\", \".fwllpr6{grid-row-start:citation;}\", \".fx0qcsv{grid-column-start:citation;}\", \".f1ldxewp{grid-row-end:citation;}\", \".ftmncab{grid-column-end:citation;}\", \".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".fe9dio4>.fai-Reference__mediaChild{width:16px;}\", \".f1ojxjpn>.fai-Reference__mediaChild{height:16px;}\", \".f16hsg94{grid-row-start:1;}\", \".f35n22n{grid-column-start:actions;}\", \".fh3uimt{grid-row-end:actions;}\", \".fnh4yke{grid-column-end:actions;}\", \".f1a7i8kp{justify-self:end;}\", \".fzmnlw3>fui-Button__icon{color:var(--colorNeutralForeground3);}\", \".fpymh5q{grid-row-start:sensitivityLabel;}\", \".fjieyc3{grid-column-start:sensitivityLabel;}\", \".f18utan{grid-row-end:sensitivityLabel;}\", \".f15c84mf{grid-column-end:sensitivityLabel;}\", \".fsxvdwy{justify-self:start;}\", \".fww94b8{margin-top:var(--spacingVerticalXS);}\", \".f1md2vp3{grid-row-start:metadata;}\", \".f1y0qc5c{grid-column-start:metadata;}\", \".f179ty8e{grid-row-end:metadata;}\", \".f83o9dc{grid-column-end:metadata;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f10pi13n{position:relative;}\", \".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1aocrix::before{display:block;}\", \".f1j7ml58::before{position:absolute;}\", \".f1s1fjay::before{left:calc(var(--spacingHorizontalS) / -2);}\", \".f15a459s::before{right:calc(var(--spacingHorizontalS) / -2);}\", \".f1wl9tmt::before{top:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);}\", \".f8pn7wt::before{height:var(--fontSizeBase100);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fmrv4ls{vertical-align:middle;}\", \".fxwmwwq{grid-row-start:content;}\", \".f1e0gndy{grid-column-start:content;}\", \".f4zz6gv{grid-row-end:content;}\", \".f7idnck{grid-column-end:content;}\", \".f1vx9l62{flex-direction:column;}\", \".f1wn3y0l{row-gap:var(--spacingVerticalS);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f9ijwd5{word-break:break-word;}\", \".fjseox{display:none;}\"]\n});\nconst useLabelStyles = __styles({\n  root: {\n    Ijaq50: \"faq1aip\",\n    Br312pm: \"f1m489tg\",\n    nk6f5a: \"fv2srd9\",\n    Bw0ie65: \"f1tz6hh8\",\n    qb2dma: \"f9h729m\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fwrc4pm\",\n    Biipf1f: \"f9ijwd5\",\n    Fd1uvx: \"fpfc2by\",\n    Bh9c35c: \"f1lvsx7g\",\n    mc9l5x: \"f1rvi9lw\",\n    Bmxbyg5: \"f1sil6mw\"\n  },\n  canvas: {\n    z8tnut: \"f1vd4pcd\"\n  },\n  sidecar: {\n    z8tnut: \"f1u9e4k4\"\n  },\n  closed: {\n    B2u0y6b: \"f6dzj5z\",\n    Bh9c35c: \"fvvof4m\"\n  }\n}, {\n  d: [\".faq1aip{grid-row-start:title;}\", \".f1m489tg{grid-column-start:title;}\", \".fv2srd9{grid-row-end:title;}\", \".f1tz6hh8{grid-column-end:title;}\", \".f9h729m{align-self:start;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f9ijwd5{word-break:break-word;}\", \".fpfc2by{-webkit-box-orient:vertical;}\", \".f1lvsx7g{-webkit-line-clamp:2;}\", \".f1rvi9lw{display:-webkit-box;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1vd4pcd{padding-top:calc((24px / 2 ) - (var(--lineHeightBase200) - var(--fontSizeBase200)));}\", \".f1u9e4k4{padding-top:calc((16px / 2 ) - (var(--lineHeightBase200) - var(--fontSizeBase200)));}\", \".f6dzj5z{max-width:100%;}\", \".fvvof4m{-webkit-line-clamp:1;}\"]\n});\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = state => {\n  const {\n    isExpanded,\n    mode,\n    layout\n  } = state;\n  const rootClassName = useReferenceClassName();\n  const styles = useStyles();\n  const labelStyles = useLabelStyles();\n  state.root.className = mergeClasses(referenceClassNames.root, rootClassName, styles[mode], styles[layout], !isExpanded && styles.closed, state.root.className);\n  if (state.citation) {\n    state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);\n  }\n  if (state.media) {\n    state.media.className = mergeClasses(referenceClassNames.media, styles.media, layout === 'popover' && styles.mediaPopover, state.media.className);\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);\n  }\n  state.label.className = mergeClasses(referenceClassNames.label, labelStyles.root, labelStyles[mode], !isExpanded && labelStyles.closed, state.label.className);\n  if (state.sensitivity) {\n    state.sensitivity.className = mergeClasses(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);\n  }\n  state.metadata.className = mergeClasses(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);\n  let isSubsequentText = false;\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(referenceClassNames.primaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.primaryText.className);\n    isSubsequentText = true;\n  }\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(referenceClassNames.secondaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.secondaryText.className);\n    isSubsequentText = true;\n  }\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(referenceClassNames.tertiaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.tertiaryText.className);\n    isSubsequentText = true;\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);\n  }\n  state.content.className = mergeClasses(referenceClassNames.content, styles.content, !isExpanded && styles.hidden, state.content.className);\n  if (state.detailsButton) {\n    state.detailsButton.className = mergeClasses(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useReferenceStyles.js.map"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","root","citation","media","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","label","content","detailsButton","text","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","maxPopoverWidth","useReferenceClassName","__resetStyles","useStyles","__styles","canvas","sidecar","wkccdc","z8tnut","z189sj","Byoj8tv","uwmqm3","inline","popover","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","a9b677","closed","Belr9w4","Ijaq50","Br312pm","nk6f5a","Bw0ie65","mc9l5x","Bt984gj","Brf1p80","mediaPopover","Bqenvij","psn4ub","vf399t","Bdqf98w","D5xksd","B6of3ja","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","metadataSubsequentText","qhf8xq","Frg6f3","Ftih45","Br0sdwz","Brfgrao","Fbdkly","Bciustq","Baz25je","uvfttm","Bbv0w2i","Bm6vgfq","ha4doy","Beiy3e4","sj55zd","Biipf1f","hidden","d","useLabelStyles","qb2dma","Fd1uvx","Bh9c35c","Bmxbyg5","B2u0y6b","state","isExpanded","mode","layout","rootClassName","styles","labelStyles","className","mergeClasses","isSubsequentText"],"mappings":"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"}
+{"version":3,"sources":["useReferenceStyles.ts"],"sourcesContent":["import {\n  buttonClassNames,\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\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  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\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    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalS),\n  },\n  inline: {},\n  popover: {\n    ...shorthands.borderWidth('0px'),\n    width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,\n    ...shorthands.padding('0px'),\n  },\n  closed: {\n    rowGap: 0,\n  },\n  citation: {\n    ...shorthands.gridArea('citation'),\n  },\n  media: {\n    ...shorthands.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    ...shorthands.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    ...shorthands.gridArea('sensitivityLabel'),\n    justifySelf: 'start',\n  },\n  metadata: {\n    marginTop: tokens.spacingVerticalXS,\n\n    ...shorthands.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    ...shorthands.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    ...shorthands.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 */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\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","referenceExtraClassNames","useReferenceStyles_unstable","root","citation","media","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","label","content","detailsButton","text","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","maxPopoverWidth","useReferenceClassName","makeResetStyles","boxSizing","__styles","width","display","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","border","strokeWidthThin","borderRadius","padding","spacingVerticalS","boxShadow","columnGap","alignItems","Byoj8tv","uwmqm3","useStyles","makeStyles","sidecar","inline","popover","shorthands","closed","rowGap","nk6f5a","Bt984gj","justifyContent","psn4ub","mediaPopover","height","Bdqf98w","justifySelf","color","Ijaq50","marginTop","Be2twd7","metadataSubsequentText","position","left","top","uvfttm","flexDirection","wordBreak","hidden","Bw0ie65","mc9l5x","Beiy3e4","useLabelStyles","alignSelf","canvas","paddingTop","Br312pm","Bahqtrf","maxWidth","Biipf1f","Fd1uvx","Bh9c35c","Bmxbyg5","rootClassName","z8tnut","styles","state","B2u0y6b","mergeClasses","className","isExpanded","isSubsequentText","mode","layout","labelStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceGroupToggle.js"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';\nimport { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';\nimport { useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles';\n// ReferenceGroupToggle component - TODO: add more docs\nexport const ReferenceGroupToggle = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useReferenceGroupToggle_unstable(props, ref);\n  useReferenceGroupToggleStyles_unstable(state);\n  return renderReferenceGroupToggle_unstable(state);\n});\nReferenceGroupToggle.displayName = 'ReferenceGroupToggle';\n//# sourceMappingURL=ReferenceGroupToggle.js.map"],"names":["ReferenceGroupToggle","React","forwardRef","props","ref","state","useReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","renderReferenceGroupToggle_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;yCAC0B;4CACG;+CACG;AAEhD,MAAMA,uBAAuB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,yDAAgC,EAACH,OAAOC;IACtDG,IAAAA,qEAAsC,EAACF;IACvC,OAAOG,IAAAA,+DAAmC,EAACH;AAC7C;AACAL,qBAAqBS,WAAW,GAAG,wBACnC,gDAAgD"}
+{"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';\nimport type { ReferenceGroupToggleProps } from './ReferenceGroupToggle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ReferenceGroupToggle component - TODO: add more docs\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":["ReferenceGroupToggle","React","forwardRef","props","state","useReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","renderReferenceGroupToggle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;yCAC0B;4CACG;+CACG;AAKhD,MAAMA,uBAAAA,WAAAA,GAAAA,OAAuEC,UAAMC,CAAU,CAACC,OAACA;UACpGC,QAAMA,IAAAA,yDAAQC,EAAAA,OAAiCF;6EAE/CG,EAAAA;WACAC,IAAAA,+DAAOA,EAAAA;AACT;AAEAP,qBAAqBQ,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ReferenceGroupToggle
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceGroupToggle.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ReferenceGroupToggle.types.js.map"],"names":[],"mappings":";;;;CACA,sDAAsD"}
+{"version":3,"sources":["ReferenceGroupToggle.types.ts"],"sourcesContent":["import 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  isOpen?: boolean;\n};\n\n/**\n * State used in rendering ReferenceGroupToggle\n */\nexport type ReferenceGroupToggleState = ComponentState<ReferenceGroupToggleSlots> &\n  Required<Pick<ReferenceGroupToggleProps, 'isOpen'>>;\n"],"names":[],"rangeMappings":";;","mappings":"AAcA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ReferenceGroupToggle';\nexport * from './ReferenceGroupToggle.types';\nexport * from './renderReferenceGroupToggle';\nexport * from './useReferenceGroupToggle';\nexport * from './useReferenceGroupToggleStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ReferenceGroupToggle';\nexport * from './ReferenceGroupToggle.types';\nexport * from './renderReferenceGroupToggle';\nexport * from './useReferenceGroupToggle';\nexport * from './useReferenceGroupToggleStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReferenceGroupToggle.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of ReferenceGroupToggle\n */\nexport const renderReferenceGroupToggle_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.root.children, state.icon && /*#__PURE__*/_jsx(state.icon, {})]\n  });\n};\n//# sourceMappingURL=renderReferenceGroupToggle.js.map"],"names":["renderReferenceGroupToggle_unstable","state","assertSlots","_jsxs","root","children","icon","_jsx"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,sCAAsCC,CAAAA;IACjDC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMG,IAAI,CAACC,QAAQ;YAAEJ,MAAMK,IAAI,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;SAAG;IAClF;AACF,GACA,sDAAsD"}
+{"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","state","root","children","icon","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,sCAAuCC,CAAAA;oCAEvC,EAAAA;;kBAEKA;YAAAA,MAAMC,IAAKC,CAAAA,QAAQ;YAAAF,MAAAG,IAAA,IAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAJ,MAAAG,IAAA,EAAA,CAAA;SAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceGroupToggle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\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 = (props, ref) => {\n  const {\n    isOpen = false\n  } = props;\n  return {\n    isOpen,\n    components: {\n      root: 'button',\n      icon: 'span'\n    },\n    root: slot.always(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 ? /*#__PURE__*/React.createElement(ChevronUp16Regular, null) : /*#__PURE__*/React.createElement(ChevronDown16Regular, null)\n      },\n      renderByDefault: true,\n      elementType: 'span'\n    })\n  };\n};\n//# sourceMappingURL=useReferenceGroupToggle.js.map"],"names":["useReferenceGroupToggle_unstable","props","ref","isOpen","components","root","icon","slot","always","getIntrinsicElementProps","type","elementType","optional","defaultProps","children","React","createElement","ChevronUp16Regular","ChevronDown16Regular","renderByDefault"],"mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCACwB;4BACU;AAUlD,MAAMA,mCAAmC,CAACC,OAAOC;IACtD,MAAM,EACJC,SAAS,KAAK,EACf,GAAGF;IACJ,OAAO;QACLE;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAME,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,UAAU;YACnDP;YACA,iBAAiBC;YACjBO,MAAM;YACN,GAAGT,KAAK;QACV,IAAI;YACFU,aAAa;QACf;QACAL,MAAMC,qBAAI,CAACK,QAAQ,CAACX,MAAMK,IAAI,EAAE;YAC9BO,cAAc;gBACZC,UAAUX,SAAS,WAAW,GAAEY,OAAMC,aAAa,CAACC,8BAAkB,EAAE,QAAQ,WAAW,GAAEF,OAAMC,aAAa,CAACE,gCAAoB,EAAE;YACzI;YACAC,iBAAiB;YACjBR,aAAa;QACf;IACF;AACF,GACA,mDAAmD"}
+{"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';\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  return {\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":["isOpen","props","root","ref","type","getIntrinsicElementProps","elementType","icon","defaultProps","optional","renderByDefault","React","createElement","ChevronUp16Regular","ChevronDown16Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBUA;;;eAAAA;;;;iEAlBa;iCACwB;4BACU;AAgBvD,MAAQA,mCAAmBC,CAAAA,OAAAA;UAE3B,WACED,KAAAA;;;oBAIA;kBACAE;kBAEIC;;mCAEAC,CAAAA,MAAM,CAAAC,IAAAA,yCAAA,EAAA,UAAA;;6BAGRL;kBAAEM;eAAsBL,KAAA;YAE1BM;yBACEC;;mCAEA,CAAAC,QAAA,CAAAR,MAAAM,IAAA,EAAA;0BACAG;0BACAJ,SAAa,WAAA,GAAAK,OAAAC,aAAA,CAAAC,8BAAA,EAAA,QAAA,WAAA,GAAAF,OAAAC,aAAA,CAAAE,gCAAA,EAAA;;YAEjBJ,iBAAA;YACAJ,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceGroupToggleStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const referenceGroupToggleClassNames = {\n  root: 'fai-ReferenceGroupToggle',\n  icon: 'fai-ReferenceGroupToggle__icon'\n};\nconst useButtonBaseClassName = __resetStyles(\"rctdkan\", \"rfdmif3\", [\".rctdkan{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-top:var(--spacingVerticalXS);padding-right:0;padding-bottom:var(--spacingVerticalXS);padding-left:0;}\", \".rfdmif3{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-top:var(--spacingVerticalXS);padding-left:0;padding-bottom:var(--spacingVerticalXS);padding-right:0;}\"]);\nconst useIconBaseClassName = __resetStyles(\"r18biwo\", null, [\".r18biwo{display:inline-flex;align-items:center;}\"]);\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = state => {\n  const iconBaseClassName = useIconBaseClassName();\n  const buttonBaseClassName = useButtonBaseClassName();\n  state.root.className = mergeClasses(referenceGroupToggleClassNames.root, buttonBaseClassName, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useReferenceGroupToggleStyles.js.map"],"names":["referenceGroupToggleClassNames","useReferenceGroupToggleStyles_unstable","root","icon","useButtonBaseClassName","__resetStyles","useIconBaseClassName","state","iconBaseClassName","buttonBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,8BAA8B;eAA9BA;;IASAC,sCAAsC;eAAtCA;;;iCAVqE;AAC3E,MAAMD,iCAAiC;IAC5CE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,yBAAyBC,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAA0d;CAAyd;AACv/B,MAAMC,uBAAuBD,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAAoD;AAI1G,MAAMJ,yCAAyCM,CAAAA;IACpD,MAAMC,oBAAoBF;IAC1B,MAAMG,sBAAsBL;IAC5BG,MAAML,IAAI,CAACQ,SAAS,GAAGC,IAAAA,6BAAY,EAACX,+BAA+BE,IAAI,EAAEO,qBAAqBF,MAAML,IAAI,CAACQ,SAAS;IAClH,IAAIH,MAAMJ,IAAI,EAAE;QACdI,MAAMJ,IAAI,CAACO,SAAS,GAAGC,IAAAA,6BAAY,EAACX,+BAA+BG,IAAI,EAAEK,mBAAmBD,MAAMJ,IAAI,CAACO,SAAS;IAClH;IACA,OAAOH;AACT,GACA,yDAAyD"}
+{"version":3,"sources":["useReferenceGroupToggleStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\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  ...shorthands.padding(tokens.spacingVerticalXS, 0),\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  alignItems: 'center',\n});\n\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = (state: ReferenceGroupToggleState): ReferenceGroupToggleState => {\n  const iconBaseClassName = useIconBaseClassName();\n  const buttonBaseClassName = useButtonBaseClassName();\n  state.root.className = mergeClasses(referenceGroupToggleClassNames.root, buttonBaseClassName, state.root.className);\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","__resetStyles","border","state","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","className","mergeClasses","buttonBaseClassName","width","shorthands","padding","tokens","spacingVerticalXS","iconBaseClassName","useIconBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,8BAAAA;eAAAA;;IAUHC,sCAAA;eAAAA;;;iCAdkE;AAIrE,MAAMD,iCAA4E;UACvFE;UACAC;AACF;AAEA,MAAMC,yBAAyBC,IAAAA,8BAAAA,EAAAA,WAAgB,WAAA;IAAA;IAAA;CAAA;MAC7CC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAITC,MAAQP,yCAAAQ,CAAAA;UACRC,oBAAwBC;UACxBC,sBAAcC;UACdC,IAAQ,CAAAC,SAAA,GAAAC,IAAAA,6BAAA,EAAAhB,+BAAAE,IAAA,EAAAe,qBAAAR,MAAAP,IAAA,CAAAa,SAAA;QACRG,MAAOf,IAAA,EAAA;QACPM,MAAGU,IAAAA,CAAAA,SAAWC,GAAQC,IAAAA,6BAAOC,EAAAA,+BAAqBnB,IAAA,EAAAoB,mBAAAd,MAAAN,IAAA,CAAAY,SAAA;IACpD;IAEA,OAAMS;4DAEQ"}

package/lib-commonjs/components/ReferenceList/ReferenceList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceList.js"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n//ReferenceList component - TODO: add more docs\nexport const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useReferenceList_unstable(props, ref);\n  useReferenceListStyles_unstable(state);\n  useCustomStyleHook('useReferenceListStyles')(state);\n  return renderReferenceList_unstable(state);\n});\nReferenceList.displayName = 'ReferenceList';\n//# sourceMappingURL=ReferenceList.js.map"],"names":["ReferenceList","React","forwardRef","props","ref","state","useReferenceList_unstable","useReferenceListStyles_unstable","useCustomStyleHook","renderReferenceList_unstable","displayName"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;kCACmB;qCACG;wCACG;+BACb;AAE5B,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChCG,IAAAA,iCAAkB,EAAC,0BAA0BH;IAC7C,OAAOI,IAAAA,iDAA4B,EAACJ;AACtC;AACAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}
+{"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles';\nimport type { ReferenceListProps } from './ReferenceList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n//ReferenceList component - TODO: add more docs\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n  const state = useReferenceList_unstable(props, ref);\n\n  useReferenceListStyles_unstable(state);\n  useCustomStyleHook('useReferenceListStyles')(state);\n\n  return renderReferenceList_unstable(state);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["ReferenceList","React","forwardRef","props","state","useReferenceList_unstable","useReferenceListStyles_unstable","useCustomStyleHook","renderReferenceList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;kCACmB;qCACG;wCACG;+BAGb;AAG5B,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;+DAExCG,EAAAA;yCACAC,EAAAA,0BAAmBH;WAEnBI,IAAAA,iDAAOA,EAAAA;AACT;AAEAR,cAAcS,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ReferenceList
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ReferenceList/ReferenceList.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceList.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ReferenceList.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
+{"version":3,"sources":["ReferenceList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceListSlots = {\n  /**\n   * The root slot.\n   */\n  root: Slot<'ol'>;\n};\n\n/**\n * ReferenceList Props\n */\nexport type ReferenceListProps = ComponentProps<ReferenceListSlots>;\n\n/**\n * State used in rendering ReferenceList\n */\nexport type ReferenceListState = ComponentState<ReferenceListSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAcA;;CAEC"}

package/lib-commonjs/components/ReferenceList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ReferenceList';\nexport * from './ReferenceList.types';\nexport * from './renderReferenceList';\nexport * from './useReferenceList';\nexport * from './useReferenceListStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ReferenceList';\nexport * from './ReferenceList.types';\nexport * from './renderReferenceList';\nexport * from './useReferenceList';\nexport * from './useReferenceListStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/ReferenceList/renderReferenceList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderReferenceList.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderReferenceList.js.map"],"names":["renderReferenceList_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,+BAA+BC,CAAAA;IAC1CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AACxC,GACA,+CAA+C"}
+{"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots } from './ReferenceList.types';\n\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = (state: ReferenceListState) => {\n  assertSlots<ReferenceListSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGE;AAO1BA,MAAAA,+BAAgCC,CAAAA;oCAEhC,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}

package/lib-commonjs/components/ReferenceList/useReferenceList.js

@@ -17,7 +17,7 @@ const useReferenceList_unstable = (props, ref)=>{
         components: {
             root: 'ol'
         },
-        root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('ol', {
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('ol', {
             ref,
             ...props,
             children: _react.Children.map(props.children, (child)=>/*#__PURE__*/ _react.createElement("li", {

package/lib-commonjs/components/ReferenceList/useReferenceList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceList.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-components';\nimport { referenceListItemClassName } from './useReferenceListStyles';\n// If you add JSX to this file, be sure to change the file type to .tsx\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n */\nexport const useReferenceList_unstable = (props, ref) => {\n  return {\n    components: {\n      root: 'ol'\n    },\n    root: slot.always(getNativeElementProps('ol', {\n      ref,\n      ...props,\n      children: React.Children.map(props.children, child => /*#__PURE__*/React.createElement(\"li\", {\n        className: referenceListItemClassName\n      }, child))\n    }), {\n      elementType: 'ol'\n    })\n  };\n};\n//# sourceMappingURL=useReferenceList.js.map"],"names":["useReferenceList_unstable","props","ref","components","root","slot","always","getNativeElementProps","children","React","Children","map","child","createElement","className","referenceListItemClassName","elementType"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCACqB;wCACD;AAWpC,MAAMA,4BAA4B,CAACC,OAAOC;IAC/C,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,MAAM;YAC5CL;YACA,GAAGD,KAAK;YACRO,UAAUC,OAAMC,QAAQ,CAACC,GAAG,CAACV,MAAMO,QAAQ,EAAEI,CAAAA,QAAS,WAAW,GAAEH,OAAMI,aAAa,CAAC,MAAM;oBAC3FC,WAAWC,kDAA0B;gBACvC,GAAGH;QACL,IAAI;YACFI,aAAa;QACf;IACF;AACF,GACA,4CAA4C"}
+{"version":3,"sources":["useReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\nimport { referenceListItemClassName } from './useReferenceListStyles';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n */\nexport const useReferenceList_unstable = (\n  props: ReferenceListProps,\n  ref: React.Ref<HTMLOListElement>,\n): ReferenceListState => {\n  return {\n    components: {\n      root: 'ol',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('ol', {\n        ref,\n        ...props,\n        children: React.Children.map(props.children, child => <li className={referenceListItemClassName}>{child}</li>),\n      }),\n      { elementType: 'ol' },\n    ),\n  };\n};\n"],"names":["useReferenceList_unstable","props","ref","components","root","children","className","referenceListItemClassName","child"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBSA;;;eAAAA;;;;iEApBc;iCACwB;wCAEJ;AAiBzC,MAAOA,4BAAA,CAAAC,OAAAC;WACLC;oBACEC;kBACF;;mCAGIF,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,MAAAA;;oBAEAG;6BAA0DC,QAAAA,CAAWC,GAAAA,CAAAA,MAAAA,QAAAA,EAAAA,CAAAA,QAAAA,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,MAAAA;+BAA6BC,kDAAAA;mBACpGA;;yBACoB;QAExB;IACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceListStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, tokens } from '@fluentui/react-components';\nexport const referenceListClassNames = {\n  root: 'fai-ReferenceList'\n};\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n/**\n * Styles for the root slot\n */\nconst useRootClassName = __resetStyles(\"rc0s888\", null, [\".rc0s888{padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacingVerticalS);}\", \".rc0s888>.fai-ReferenceList__item{list-style-type:none;}\"]);\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = state => {\n  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n  return state;\n};\n//# sourceMappingURL=useReferenceListStyles.js.map"],"names":["referenceListClassNames","referenceListItemClassName","useReferenceListStyles_unstable","root","useRootClassName","__resetStyles","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAGAC,0BAA0B;eAA1BA;;IAQAC,+BAA+B;eAA/BA;;;iCAZuC;AAC7C,MAAMF,0BAA0B;IACrCG,MAAM;AACR;AACO,MAAMF,6BAA6B;AAC1C;;CAEC,GACD,MAAMG,mBAAmBC,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;IAAgG;CAA2D;AAI7M,MAAMH,kCAAkCI,CAAAA;IAC7CA,MAAMH,IAAI,CAACI,SAAS,GAAGC,IAAAA,6BAAY,EAACR,wBAAwBG,IAAI,EAAEC,oBAAoBE,MAAMH,IAAI,CAACI,SAAS;IAC1G,OAAOD;AACT,GACA,kDAAkD"}
+{"version":3,"sources":["useReferenceListStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens } from '@fluentui/react-components';\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};\n\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 */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n  return state;\n};\n"],"names":["referenceListClassNames","referenceListItemClassName","tokens","root","padding","__resetStyles","gap","state","useRootClassName","className","listStyleType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAIAC,0BAAAA;eAAAA;;IAUNC,+BAAuB;eAAvBA;;;iCAlBuC;AAIvC,MAAMF,0BAA8D;UACzEG;AACF;AAEO,MAAMF,6BAA6B;AAE1C;;CAEC,SAECG,mBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAITC,MAAKJ,kCAAuBK,CAAAA;UAE1BJ,IAAKF,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAA2BD,wBAAIG,IAAA,EAAAK,oBAAAD,MAAAJ,IAAA,CAAAM,SAAA;WACpCC;GAEJ,kDAAA"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Reference", {
+    enumerable: true,
+    get: function() {
+        return Reference;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useReference = require("./useReference");
+const _renderReference = require("./renderReference");
+const _useReferenceStyles = require("./useReferenceStyles");
+const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useReference.useReference_unstable)(props, ref);
+    (0, _useReferenceStyles.useReferenceStyles_unstable)(state);
+    return (0, _renderReference.renderReference_unstable)(state);
+});
+Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map

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

@@ -0,0 +1 @@
+{"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';\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":["Reference","React","forwardRef","props","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;8BACe;iCACG;oCACG;AAIrC,MAAMA,YAAAA,WAAAA,GAAAA,OAAiDC,UAAMC,CAAU,CAACC,OAACA;UAC9EC,QAAMA,IAAAA,mCAAQC,EAAAA,OAAsBF;uDAEpCG,EAAAA;WACAC,IAAAA,yCAAOA,EAAAA;AACT;AAEAP,UAAUQ,WAAW,GAAG"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=Reference.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Reference.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { ReferenceListState } from '../ReferenceList';\n\nexport type ReferenceSlots = {\n  root: NonNullable<Slot<'button'>>;\n  citation?: Slot<'span'>;\n  divider?: Slot<'span'>;\n  content?: Slot<'span'>;\n  media?: Slot<'span'>;\n};\n\nexport type ReferenceProps = ComponentProps<Partial<ReferenceSlots>> & {\n  /**\n   * The appearance of the reference.\n   * @default 'lighter'\n   */\n  appearance?: 'lighter' | 'darker';\n};\n\nexport type ReferenceState = ComponentState<ReferenceSlots> &\n  Required<Pick<ReferenceProps, 'appearance' | 'id'>> &\n  Pick<ReferenceListState, 'shouldUseOverflow'>;\n"],"names":[],"rangeMappings":"","mappings":""}

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

@@ -0,0 +1,28 @@
+"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 _useReferenceStyles.referenceClassNames;
+    },
+    referenceExtraClassNames: function() {
+        return _useReferenceStyles.referenceExtraClassNames;
+    },
+    useReferenceStyles_unstable: function() {
+        return _useReferenceStyles.useReferenceStyles_unstable;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Reference"), exports);
+_export_star._(require("./Reference.types"), exports);
+_export_star._(require("./renderReference"), exports);
+_export_star._(require("./useReference"), exports);
+const _useReferenceStyles = require("./useReferenceStyles");
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Reference';\nexport * from './Reference.types';\nexport * from './renderReference';\nexport * from './useReference';\nexport { referenceClassNames, referenceExtraClassNames, useReferenceStyles_unstable } from './useReferenceStyles';\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,mBAAmB;eAAnBA,uCAAmB;;IAAEC,wBAAwB;eAAxBA,4CAAwB;;IAAEC,2BAA2B;eAA3BA,+CAA2B;;;;uBAJrE;uBACA;uBACA;uBACA;oCAC6E"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderReference_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderReference_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderReference_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    const { id, shouldUseOverflow } = state;
+    const reference = /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.citation && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.citation, {}),
+            state.divider && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.divider, {}),
+            state.content && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.content, {
+                children: [
+                    state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+                    state.root.children
+                ]
+            })
+        ]
+    });
+    return shouldUseOverflow ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.OverflowItem, {
+        id: id,
+        children: reference
+    }, id) : reference;
+}; //# sourceMappingURL=renderReference.js.map

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

@@ -0,0 +1 @@
+{"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.media && <state.media />}\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":["renderReference_unstable","state","assertSlots","id","divider","_jsxs","root","content","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE0C;AAGnC,MAAMA,2BAA2BC,CAAAA;oCACtCC,EAAAA;UAEA,EAEAC,EAAA;sBAGWC,WAAO,GAAAC,IAAAA,gBAAA,EAAAJ,MAAIK,IAACL,EAAAA;kBAClBA;YAAAA,MAAMM,QAAO,IAAA,WACZ,GAAAC,IAAAA,eAACP,EAAAA,MAAMM,QAAO,EAAA,CAAA;YAAAN,MAAAG,OAAA,IAAA,WAAA,GAAAI,IAAAA,eAAA,EAAAP,MAAAG,OAAA,EAAA,CAAA;YAAAH,MAAAM,OAAA,IAAA,WAAA,GAAAF,IAAAA,gBAAA,EAAAJ,MAAAM,OAAA,EAAA;;;;;;;;;;;;8CASSJ"}

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReference_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReference_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
+const _useReferenceStyles = require("./useReferenceStyles");
+const useReference_unstable = (props, ref)=>{
+    const { children, id } = props;
+    const { ctxAppearance, shouldUseOverflow } = (0, _referenceListContext.useReferenceListContext_unstable)((ctx)=>({
+            ctxAppearance: ctx.appearance,
+            shouldUseOverflow: ctx.shouldUseOverflow
+        }));
+    const appearance = props.appearance || ctxAppearance;
+    const referenceId = (0, _reactcomponents.useId)('reference-', id);
+    const citation = _reactcomponents.slot.optional(props.citation, {
+        elementType: 'span'
+    });
+    const media = _reactcomponents.slot.optional(props.media, {
+        elementType: 'span'
+    });
+    const content = _reactcomponents.slot.optional(props.content, {
+        elementType: 'span',
+        renderByDefault: media !== undefined || !!children
+    });
+    const divider = _reactcomponents.slot.optional(props.divider, {
+        elementType: 'span',
+        renderByDefault: citation !== undefined && content !== undefined
+    });
+    const state = {
+        appearance,
+        id: referenceId,
+        shouldUseOverflow,
+        components: {
+            root: 'button',
+            citation: 'span',
+            divider: 'span',
+            media: 'span',
+            content: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
+            ref,
+            ...props,
+            id: referenceId
+        }), {
+            elementType: 'button'
+        }),
+        citation,
+        divider,
+        content,
+        media
+    };
+    if (state.media && /*#__PURE__*/ _react.isValidElement(state.media.children)) {
+        state.media.children = /*#__PURE__*/ _react.cloneElement(state.media.children, {
+            className: (0, _reactcomponents.mergeClasses)(state.media.children.props.className, _useReferenceStyles.referenceExtraClassNames.mediaChild)
+        });
+    }
+    return state;
+}; //# sourceMappingURL=useReference.js.map

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

@@ -0,0 +1 @@
+{"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';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\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 = (props: ReferenceProps, ref: React.Ref<HTMLButtonElement>): ReferenceState => {\n  const { children, id } = props;\n\n  const { ctxAppearance, shouldUseOverflow } = useReferenceListContext_unstable(ctx => ({\n    ctxAppearance: ctx.appearance,\n    shouldUseOverflow: ctx.shouldUseOverflow,\n  }));\n  const appearance = props.appearance || ctxAppearance;\n\n  const referenceId = useId('reference-', id);\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const media = slot.optional(props.media, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: media !== 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    appearance,\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: 'button',\n      citation: 'span',\n      divider: 'span',\n      media: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        ...props,\n        id: referenceId,\n      }),\n      { elementType: 'button' },\n    ),\n    citation,\n    divider,\n    content,\n    media,\n  };\n\n  if (state.media && React.isValidElement<HTMLElement>(state.media.children)) {\n    state.media.children = React.cloneElement(state.media.children, {\n      className: mergeClasses(state.media.children.props.className, referenceExtraClassNames.mediaChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["children","props","ctxAppearance","referenceId","shouldUseOverflow","slot","ctx","appearance","optional","content","elementType","citation","renderByDefault","media","divider","state","components","undefined","ref","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBUA;;;eAAAA;;;;iEAhBa;iCAC6C;sCACnB;oCACR;AAavC,MAAQA,wBAAiBC,CAAAA,OAAAA;UAEzB,UACEC;UAGF,EAEAA,aAAMC,EAENC,iBAAiBC,+DAA6C,EAAAC,CAAAA,MAAA,CAAA;YAAOJ,eAAAI,IAAAC,UAAA;YACrEH,mBAAmBI,IAAAA,iBAAoB;;UAAwBD,aAAAN,MAAAM,UAAA,IAAAL;UAC/DC,cAAgBE,IAAAA,sBAAKG,EAAAA,cAAeC;UAClCC,WAAAA,qBAAa,CAAAF,QAAA,CAAAP,MAAAU,QAAA,EAAA;qBACbC;;UAEFC,QAAMC,qBAAUT,CAAAA,QAAKG,CAAAA,MAASP,KAAMa,EAAAA;qBAClCJ;;UAEFD,UAAAJ,qBAAA,CAAAG,QAAA,CAAAP,MAAAQ,OAAA,EAAA;QAEAC,aAAMK;yBACJR,UAAAA,aAAAA,CAAAA,CAAAA;;UAEAH,UAAAA,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,OAAAA,EAAAA;qBAEAY;yBACQL,aAAAM,aAAAR,YAAAQ;;kBAENH;;;;oBAKIT;kBAEFa;sBACGjB;qBACHkB;mBAEF;qBAAET;;cAEJC,qBAAAA,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;eAEAF,KAAAA;gBACAI;QACF,IAAA;YAEAH,aAAe;;;;QAIfD;QAEAI;IACA"}

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

@@ -0,0 +1,122 @@
+"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 referenceClassNames = {
+    root: 'fai-Reference',
+    citation: 'fai-Reference__citation',
+    divider: 'fai-Reference__divider',
+    media: 'fai-Reference__media',
+    content: 'fai-Reference__content'
+};
+const referenceExtraClassNames = {
+    mediaChild: 'fai-Reference__mediaChild'
+};
+const MEDIA_SIZE = '16px';
+const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1aeqif9", null, [
+    ".r1aeqif9{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);box-sizing:border-box;color:var(--colorNeutralForeground2);column-gap:var(--spacingHorizontalXXS);display:flex;flex-shrink:0;justify-content:center;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);}",
+    ".r1aeqif9:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}",
+    ".r1aeqif9:hover .fai-Reference__divider{background-color:var(--colorNeutralStroke1Hover);}",
+    ".r1aeqif9:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}",
+    ".r1aeqif9:hover:active .fai-Reference__divider{background-color:var(--colorNeutralStroke1Pressed);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    darker: {
+        De3pzq: "f3vzo32",
+        g2u3we: "fj3muxo",
+        h3c5rm: [
+            "f1akhkt",
+            "f1lxtadh"
+        ],
+        B9xav0g: "f1aperda",
+        zhjwy3: [
+            "f1lxtadh",
+            "f1akhkt"
+        ],
+        Jwef8y: "f14vf7cg",
+        iro3zm: "fho4vwd"
+    },
+    overflow: {
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".f3vzo32{background-color:var(--colorNeutralBackground5);}",
+        ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
+        ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
+        ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
+        ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
+        ".fly5x3f{width:100%;}"
+    ],
+    h: [
+        ".f14vf7cg:hover{background-color:var(--colorNeutralBackground5Hover);}",
+        ".fho4vwd:hover:active{background-color:var(--colorNeutralBackground5Pressed);}"
+    ]
+});
+const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rzdip90", null, [
+    ".rzdip90{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);}"
+]);
+const useDividerBaseClassName = (0, _reactcomponents.__resetStyles)("r1eyqaw5", null, [
+    ".r1eyqaw5{background-color:var(--colorNeutralStroke2);height:16px;margin:var(--spacingVerticalNone) var(--spacingHorizontalXS);width:1px;}"
+]);
+const useDividerStyles = (0, _reactcomponents.__styles)({
+    darker: {
+        De3pzq: "f1d3jkam"
+    }
+}, {
+    d: [
+        ".f1d3jkam{background-color:var(--colorNeutralStroke1);}"
+    ]
+});
+const useMediaBaseClassName = (0, _reactcomponents.__resetStyles)("r4nw7iy", null, [
+    ".r4nw7iy{font-size:16px;height:16px;line-height:16px;width:16px;}",
+    ".r4nw7iy>.fai-Reference__mediaChild{height:16px;width:16px;}"
+]);
+const useContentBaseClassName = (0, _reactcomponents.__resetStyles)("r1yvxokd", null, [
+    ".r1yvxokd{column-gap:var(--spacingHorizontalSNudge);display:inline-flex;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const useReferenceStyles_unstable = (state)=>{
+    const { appearance } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const citationBaseClassName = useCitationBaseClassName();
+    const dividerBaseClassName = useDividerBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const rootStyles = useRootStyles();
+    const dividerStyles = useDividerStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootBaseClassName, appearance === 'darker' && rootStyles.darker, 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, appearance === 'darker' && dividerStyles.darker, state.divider.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, contentBaseClassName, state.content.className);
+    }
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\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  media: 'fai-Reference__media',\n  content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n  mediaChild: 'fai-Reference__mediaChild',\n};\n\nconst MEDIA_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: 'flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\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  darker: {\n    backgroundColor: tokens.colorNeutralBackground5,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground5Hover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorNeutralBackground5Pressed,\n    },\n  },\n  overflow: {\n    width: '100%',\n  },\n});\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 useDividerStyles = makeStyles({\n  darker: {\n    backgroundColor: tokens.colorNeutralStroke1,\n  },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  fontSize: MEDIA_SIZE,\n  height: MEDIA_SIZE,\n  lineHeight: MEDIA_SIZE,\n  width: MEDIA_SIZE,\n\n  [`> .${referenceExtraClassNames.mediaChild}`]: {\n    height: MEDIA_SIZE,\n    width: MEDIA_SIZE,\n  },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'inline-flex',\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  const { appearance } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n\n  state.root.className = mergeClasses(\n    referenceClassNames.root,\n    rootBaseClassName,\n    appearance === 'darker' && rootStyles.darker,\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(\n      referenceClassNames.divider,\n      dividerBaseClassName,\n      appearance === 'darker' && dividerStyles.darker,\n      state.divider.className,\n    );\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n\n  if (state.media) {\n    state.media.className = mergeClasses(referenceClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","shorthands","tokens","alignItems","root","citation","divider","media","content","mediaChild","MEDIA_SIZE","useRootBaseClassName","makeResetStyles","__styles","backgroundColor","border","borderRadius","boxSizing","color","columnGap","spacingHorizontalXXS","display","flexShrink","padding","a9b677","__resetStyles","useDividerBaseClassName","useDividerStyles","borderColor","useMediaBaseClassName","useContentBaseClassName","colorNeutralStroke1","rootBaseClassName","dividerBaseClassName","contentBaseClassName","overflow","width","useRootStyles","dividerStyles","state","className","mergeClasses","appearance","rootStyles","darker","useCitationBaseClassName","typographyStyles","caption2Strong","citationBaseClassName","colorNeutralStroke2","margin","mediaBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,mBAAAA;eAAAA;;IAQAC,wBAAAA;eAAAA;;IA2CNC,2BAAuBC;eAAvBD;;IApCLE,aAAY;eAAZA;;;iCApBgB;AAKX,MAAMJ,sBAAsD;UACjEK;cACAC;aACAC;WACAC;aACAC;AACF;AAEO,MAAMR,2BAA2B;gBACtCS;AACF;AAEA,MAAMC,aAAa;AAEnB,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AAC3CT,MAAAA,gBAAYU,IAAAA,yBAAA,EAAA;YACZC;QACAC,QAAQ;QACRC,QAAAA;QACAC,QAAAA;YAAAA;YAAW;SAAA;QACXC,SAAOhB;QACPiB,QAAAA;YAAAA;YAAkBC;SAAAA;QAClBC,QAAAA;QACAC,QAAAA;;cAEAC;QAEAC,QAAA;;;;;QAG4C;QAAA;QAAA;QAAA;QAAA;KAAA;;;QAEH;KAAA;;iCAEvCC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACFC,0BAAAD,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MAEAE,mBAAiBd,IAAAA,yBAAA,EAAA;YACfC;gBACAc;;;;;KAIoD;;MAEtDC,wBAAAJ,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AACF,MAAAK,0BAAAL,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MAKOxB,8BAA8B8B,CAAAA;UAEjC,YACEjB;UAGFkB,oBAAiBrB;kCACET;UACnB+B,uBAAAP;UACFQ,uBAAAJ;UACAK,qBAAUN;UACRO,aAAOC;UACTC,gBAAAX;IACFY,MAAGnC,IAAA,CAAAoC,SAAA,GAAAC,IAAAA,6BAAA,EAAA1C,oBAAAK,IAAA,EAAA4B,mBAAAU,eAAA,YAAAC,WAAAC,MAAA,EAAAL,MAAAnC,IAAA,CAAAoC,SAAA;IAEH,IAAMK,MAAAA,QAAAA,EAAAA;QACJN,MAAGO,QAAAA,CAAAA,SAAiBC,GAAAA,IAAAA,6BAAc,EAAAhD,oBAAAM,QAAA,EAAA2C,uBAAAT,MAAAlC,QAAA,CAAAmC,SAAA;IACpC;IAEA,IAAMd,MAAAA,OAAAA,EAAAA;QACJZ,MAAAA,OAAAA,CAAAA,SAAiBZ,GAAO+C,IAAAA,6BAAAA,EAAAA,oBAAmB3C,OAAA,EAAA2B,sBAAAS,eAAA,YAAAJ,cAAAM,MAAA,EAAAL,MAAAjC,OAAA,CAAAkC,SAAA;;QAE3CU,MAAQ1C,OAAGN,EAAAA;QACXkC,MAAAA,OAAO,CAAAI,SAAA,GAAAC,IAAAA,6BAAA,EAAA1C,oBAAAS,OAAA,EAAA0B,sBAAAK,MAAA/B,OAAA,CAAAgC,SAAA;IACT;IAEA,IAAMb,MAAAA,KAAAA,EAAAA;QACJiB,MAAAA,KAAQ,CAAAJ,SAAA,GAAAC,IAAAA,6BAAA,EAAA1C,oBAAAQ,KAAA,EAAA4C,oBAAAZ,MAAAhC,KAAA,CAAAiC,SAAA;;WAERD;AACF,GAEA,8CAA8C"}