@fluentui-copilot/react-preview 0.3.0 → 0.4.1

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"mappings":"AAAA,WAkBiG"}
+{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC,GACD,WAAiG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}

package/lib/components/PreviewSurface/renderPreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewSurface.tsx"],"sourcesContent":["import { renderPopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceState } from './PreviewSurface.types';\n\n/**\n * Render the final JSX of PreviewSurface\n */\nexport const renderPreviewSurface_unstable = (state: PreviewSurfaceState): React.ReactElement => {\n  return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderPopoverSurface_unstable","renderPreviewSurface_unstable","state"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}
+{"version":3,"sources":["renderPreviewSurface.tsx"],"sourcesContent":["import { renderPopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceState } from './PreviewSurface.types';\n\n/**\n * Render the final JSX of PreviewSurface\n */\nexport const renderPreviewSurface_unstable = (state: PreviewSurfaceState): React.ReactElement => {\n  return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderPopoverSurface_unstable","renderPreviewSurface_unstable","state"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\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 PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","usePreviewSurface_unstable","props","ref"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAOH,2BAA2BE,OAAOC;AAC3C,EAAE"}
+{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\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 PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","usePreviewSurface_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":"AACA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAOH,2BAA2BE,OAAOC;AAC3C,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.ts"],"sourcesContent":["import {\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  usePopoverSurfaceStyles_unstable,\n} from '@fluentui/react-components';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    maxWidth: '256px',\n    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","usePopoverSurfaceStyles_unstable","previewSurfaceClassNames","root","useRootStyles","base","maxWidth","padding","spacingVerticalXS","spacingHorizontalXS","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"mappings":"AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gCAAgC,QAC3B,6BAA6B;AAIpC,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBP,WAAW;IAC/BQ,MAAM;QACJC,UAAU;QACV,GAAGP,WAAWQ,OAAO,CAACP,OAAOQ,iBAAiB,EAAER,OAAOS,mBAAmB,CAAC;IAC7E;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAMC,aAAaR;IAEnBO,MAAMR,IAAI,CAACU,SAAS,GAAGf,aAAaI,yBAAyBC,IAAI,EAAES,WAAWP,IAAI,EAAEM,MAAMR,IAAI,CAACU,SAAS;IAExGZ,iCAAiCU;IAEjC,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["usePreviewSurfaceStyles.ts"],"sourcesContent":["import {\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  usePopoverSurfaceStyles_unstable,\n} from '@fluentui/react-components';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    maxWidth: '256px',\n    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","usePopoverSurfaceStyles_unstable","previewSurfaceClassNames","root","useRootStyles","base","maxWidth","padding","spacingVerticalXS","spacingHorizontalXS","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gCAAgC,QAC3B,6BAA6B;AAIpC,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBP,WAAW;IAC/BQ,MAAM;QACJC,UAAU;QACV,GAAGP,WAAWQ,OAAO,CAACP,OAAOQ,iBAAiB,EAAER,OAAOS,mBAAmB,CAAC;IAC7E;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAMC,aAAaR;IAEnBO,MAAMR,IAAI,CAACU,SAAS,GAAGf,aAAaI,yBAAyBC,IAAI,EAAES,WAAWP,IAAI,EAAEM,MAAMR,IAAI,CAACU,SAAS;IAExGZ,iCAAiCU;IAEjC,OAAOA;AACT,EAAE"}

package/lib/components/PreviewTrigger/PreviewTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewTrigger.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nimport type { PreviewTriggerProps } from './PreviewTrigger.types';\n\nexport const PreviewTrigger: React.FC<PreviewTriggerProps> = props => {\n  const state = usePreviewTrigger_unstable(props);\n\n  return renderPreviewTrigger_unstable(state);\n};\n\nPreviewTrigger.displayName = 'PreviewTrigger';\n"],"names":["usePreviewTrigger_unstable","renderPreviewTrigger_unstable","PreviewTrigger","props","state","displayName"],"mappings":"AAEA,SAASA,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AAGvE,OAAO,MAAMC,iBAAgDC,CAAAA;IAC3D,MAAMC,QAAQJ,2BAA2BG;IAEzC,OAAOF,8BAA8BG;AACvC,EAAE;AAEFF,eAAeG,WAAW,GAAG"}
+{"version":3,"sources":["PreviewTrigger.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nimport type { PreviewTriggerProps } from './PreviewTrigger.types';\n\nexport const PreviewTrigger: React.FC<PreviewTriggerProps> = props => {\n  const state = usePreviewTrigger_unstable(props);\n\n  return renderPreviewTrigger_unstable(state);\n};\n\nPreviewTrigger.displayName = 'PreviewTrigger';\n"],"names":["usePreviewTrigger_unstable","renderPreviewTrigger_unstable","PreviewTrigger","props","state","displayName"],"rangeMappings":";;;;;;","mappings":"AAEA,SAASA,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AAGvE,OAAO,MAAMC,iBAAgDC,CAAAA;IAC3D,MAAMC,QAAQJ,2BAA2BG;IAEzC,OAAOF,8BAA8BG;AACvC,EAAE;AAEFF,eAAeG,WAAW,GAAG"}

package/lib/components/PreviewTrigger/PreviewTrigger.types.js

@@ -1,2 +1,4 @@
-export {};
+/**
+ * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.
+ */export {};
 //# sourceMappingURL=PreviewTrigger.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewTrigger.types.ts"],"sourcesContent":["import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-components';\n\n/**\n * PreviewTrigger Props\n */\nexport type PreviewTriggerProps = PopoverTriggerProps & {};\n\n/**\n * State used in rendering PreviewTrigger\n */\nexport type PreviewTriggerState = PopoverTriggerState & {};\n\n/**\n * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.\n */\nexport type PreviewTriggerChildProps = PopoverTriggerChildProps & {};\n"],"names":[],"mappings":"AAAA,WAeqE"}
+{"version":3,"sources":["PreviewTrigger.types.ts"],"sourcesContent":["import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-components';\n\n/**\n * PreviewTrigger Props\n */\nexport type PreviewTriggerProps = PopoverTriggerProps & {};\n\n/**\n * State used in rendering PreviewTrigger\n */\nexport type PreviewTriggerState = PopoverTriggerState & {};\n\n/**\n * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.\n */\nexport type PreviewTriggerChildProps = PopoverTriggerChildProps & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC,GACD,WAAqE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewTrigger';\nexport * from './PreviewTrigger.types';\nexport * from './renderPreviewTrigger';\nexport * from './usePreviewTrigger';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewTrigger';\nexport * from './PreviewTrigger.types';\nexport * from './renderPreviewTrigger';\nexport * from './usePreviewTrigger';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB"}

package/lib/components/PreviewTrigger/renderPreviewTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewTrigger.tsx"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerState } from './PreviewTrigger.types';\n\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = (state: PreviewTriggerState) => {\n  return renderPopoverTrigger_unstable(state);\n};\n"],"names":["renderPopoverTrigger_unstable","renderPreviewTrigger_unstable","state"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}
+{"version":3,"sources":["renderPreviewTrigger.tsx"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerState } from './PreviewTrigger.types';\n\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = (state: PreviewTriggerState) => {\n  return renderPopoverTrigger_unstable(state);\n};\n"],"names":["renderPopoverTrigger_unstable","renderPreviewTrigger_unstable","state"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}

package/lib/components/PreviewTrigger/usePreviewTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewTrigger.ts"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\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 PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = (props: PreviewTriggerProps): PreviewTriggerState => {\n  return usePopoverTrigger_unstable(props);\n};\n"],"names":["usePopoverTrigger_unstable","usePreviewTrigger_unstable","props"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,OAAOF,2BAA2BE;AACpC,EAAE"}
+{"version":3,"sources":["usePreviewTrigger.ts"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\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 PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = (props: PreviewTriggerProps): PreviewTriggerState => {\n  return usePopoverTrigger_unstable(props);\n};\n"],"names":["usePopoverTrigger_unstable","usePreviewTrigger_unstable","props"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,OAAOF,2BAA2BE;AACpC,EAAE"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PreviewProps, PreviewState } from './Preview';\nexport { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';\n\nexport type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader';\nexport {\n  PreviewHeader,\n  previewHeaderClassNames,\n  renderPreviewHeader_unstable,\n  usePreviewHeaderStyles_unstable,\n  usePreviewHeader_unstable,\n} from './PreviewHeader';\n\nexport type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata';\nexport {\n  PreviewMetadata,\n  previewMetadataClassNames,\n  renderPreviewMetadata_unstable,\n  usePreviewMetadataStyles_unstable,\n  usePreviewMetadata_unstable,\n} from './PreviewMetadata';\n\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface';\nexport {\n  PreviewSurface,\n  previewSurfaceClassNames,\n  renderPreviewSurface_unstable,\n  usePreviewSurfaceStyles_unstable,\n  usePreviewSurface_unstable,\n} from './PreviewSurface';\n\nexport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';\n\nexport type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './PreviewContent';\nexport {\n  PreviewContent,\n  previewContentClassNames,\n  renderPreviewContent_unstable,\n  usePreviewContentStyles_unstable,\n  usePreviewContent_unstable,\n} from './PreviewContent';\n\nexport type { PreviewContextValue } from './previewContext';\nexport { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';\n"],"names":["Preview","renderPreview_unstable","usePreview_unstable","PreviewHeader","previewHeaderClassNames","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable","PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable","PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable","PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable","PreviewContent","previewContentClassNames","renderPreviewContent_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable","PreviewContext","PreviewContextProvider","usePreviewContext_unstable"],"mappings":"AACA,SAASA,OAAO,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,YAAY;AAGjF,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAGzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAG3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,mBAAmB;AAG7G,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,0BAA0B,QAAQ,mBAAmB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PreviewProps, PreviewState } from './Preview';\nexport { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';\n\nexport type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader';\nexport {\n  PreviewHeader,\n  previewHeaderClassNames,\n  renderPreviewHeader_unstable,\n  usePreviewHeaderStyles_unstable,\n  usePreviewHeader_unstable,\n} from './PreviewHeader';\n\nexport type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata';\nexport {\n  PreviewMetadata,\n  previewMetadataClassNames,\n  renderPreviewMetadata_unstable,\n  usePreviewMetadataStyles_unstable,\n  usePreviewMetadata_unstable,\n} from './PreviewMetadata';\n\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface';\nexport {\n  PreviewSurface,\n  previewSurfaceClassNames,\n  renderPreviewSurface_unstable,\n  usePreviewSurfaceStyles_unstable,\n  usePreviewSurface_unstable,\n} from './PreviewSurface';\n\nexport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';\n\nexport type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './PreviewContent';\nexport {\n  PreviewContent,\n  previewContentClassNames,\n  renderPreviewContent_unstable,\n  usePreviewContentStyles_unstable,\n  usePreviewContent_unstable,\n} from './PreviewContent';\n\nexport type { PreviewContextValue } from './previewContext';\nexport { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';\n"],"names":["Preview","renderPreview_unstable","usePreview_unstable","PreviewHeader","previewHeaderClassNames","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable","PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable","PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable","PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable","PreviewContent","previewContentClassNames","renderPreviewContent_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable","PreviewContext","PreviewContextProvider","usePreviewContext_unstable"],"rangeMappings":";;;;;;","mappings":"AACA,SAASA,OAAO,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,YAAY;AAGjF,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAGzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAG3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,mBAAmB;AAG7G,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,0BAA0B,QAAQ,mBAAmB"}

package/lib/previewContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["previewContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { PopoverContextValue } from '@fluentui/react-components';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\n\nimport type { PreviewState } from './Preview';\n\nexport type PreviewContextValue = PopoverContextValue & Pick<PreviewState, 'isPreviewLocked'>;\n\nexport const PreviewContext: Context<PreviewContextValue> = createContext<PreviewContextValue | undefined>(\n  undefined,\n) as Context<PreviewContextValue>;\nconst previewContextDefaultValue: PreviewContextValue = {\n  open: false,\n  setOpen: () => null,\n  toggleOpen: () => null,\n  triggerRef: { current: null },\n  contentRef: { current: null },\n  arrowRef: { current: null },\n  openOnContext: false,\n  openOnHover: false,\n  size: 'medium' as const,\n  trapFocus: false,\n  inline: false,\n  isPreviewLocked: false,\n};\n\nexport const PreviewContextProvider = PreviewContext.Provider;\n\nexport const usePreviewContext_unstable = <T>(selector: ContextSelector<PreviewContextValue, T>): T =>\n  useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","PreviewContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","PreviewContextProvider","Provider","usePreviewContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAQrF,OAAO,MAAMC,iBAA+CF,cAC1DG,WACgC;AAClC,MAAMC,6BAAkD;IACtDC,MAAM;IACNC,SAAS,IAAM;IACfC,YAAY,IAAM;IAClBC,YAAY;QAAEC,SAAS;IAAK;IAC5BC,YAAY;QAAED,SAAS;IAAK;IAC5BE,UAAU;QAAEF,SAAS;IAAK;IAC1BG,eAAe;IACfC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;AACnB;AAEA,OAAO,MAAMC,yBAAyBhB,eAAeiB,QAAQ,CAAC;AAE9D,OAAO,MAAMC,6BAA6B,CAAIC,WAC5CpB,mBAAmBC,gBAAgB,CAACoB,MAAMlB,0BAA0B,GAAKiB,SAASC,MAAM"}
+{"version":3,"sources":["previewContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { PopoverContextValue } from '@fluentui/react-components';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\n\nimport type { PreviewState } from './Preview';\n\nexport type PreviewContextValue = PopoverContextValue & Pick<PreviewState, 'isPreviewLocked'>;\n\nexport const PreviewContext: Context<PreviewContextValue> = createContext<PreviewContextValue | undefined>(\n  undefined,\n) as Context<PreviewContextValue>;\nconst previewContextDefaultValue: PreviewContextValue = {\n  open: false,\n  setOpen: () => null,\n  toggleOpen: () => null,\n  triggerRef: { current: null },\n  contentRef: { current: null },\n  arrowRef: { current: null },\n  openOnContext: false,\n  openOnHover: false,\n  size: 'medium' as const,\n  trapFocus: false,\n  inline: false,\n  isPreviewLocked: false,\n};\n\nexport const PreviewContextProvider = PreviewContext.Provider;\n\nexport const usePreviewContext_unstable = <T>(selector: ContextSelector<PreviewContextValue, T>): T =>\n  useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","PreviewContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","PreviewContextProvider","Provider","usePreviewContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAQrF,OAAO,MAAMC,iBAA+CF,cAC1DG,WACgC;AAClC,MAAMC,6BAAkD;IACtDC,MAAM;IACNC,SAAS,IAAM;IACfC,YAAY,IAAM;IAClBC,YAAY;QAAEC,SAAS;IAAK;IAC5BC,YAAY;QAAED,SAAS;IAAK;IAC5BE,UAAU;QAAEF,SAAS;IAAK;IAC1BG,eAAe;IACfC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;AACnB;AAEA,OAAO,MAAMC,yBAAyBhB,eAAeiB,QAAQ,CAAC;AAE9D,OAAO,MAAMC,6BAA6B,CAAIC,WAC5CpB,mBAAmBC,gBAAgB,CAACoB,MAAMlB,0BAA0B,GAAKiB,SAASC,MAAM"}

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gCAAgC"}

package/lib/utils/openedByHoverPreviewManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["openedByHoverPreviewManager.ts"],"sourcesContent":["type openedByHoverPreviewManager = { id: string; closeCallback: () => void }[];\n\nconst openedByHoverPreviewManager: openedByHoverPreviewManager = [];\n\nexport function addOpenedByHoverPreview(id: string, closeCallback: () => void) {\n  openedByHoverPreviewManager.push({ id, closeCallback });\n}\n\nexport function removeOpenedByHoverPreview(id: string) {\n  let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  while (index !== -1) {\n    openedByHoverPreviewManager.splice(index, 1);\n    index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  }\n}\n\nexport function closeAllOpenedByHoverPreviews(id: string) {\n  for (const openedPreview of openedByHoverPreviewManager) {\n    if (openedPreview.id !== id) {\n      openedPreview.closeCallback();\n    }\n  }\n\n  openedByHoverPreviewManager.length = 0;\n}\n"],"names":["openedByHoverPreviewManager","addOpenedByHoverPreview","id","closeCallback","push","removeOpenedByHoverPreview","index","findIndex","preview","splice","closeAllOpenedByHoverPreviews","openedPreview","length"],"mappings":"AAEA,MAAMA,8BAA2D,EAAE;AAEnE,OAAO,SAASC,wBAAwBC,EAAU,EAAEC,aAAyB;IAC3EH,4BAA4BI,IAAI,CAAC;QAAEF;QAAIC;IAAc;AACvD;AAEA,OAAO,SAASE,2BAA2BH,EAAU;IACnD,IAAII,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC5E,MAAOI,UAAU,CAAC,EAAG;QACnBN,4BAA4BS,MAAM,CAACH,OAAO;QAC1CA,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC1E;AACF;AAEA,OAAO,SAASQ,8BAA8BR,EAAU;IACtD,KAAK,MAAMS,iBAAiBX,4BAA6B;QACvD,IAAIW,cAAcT,EAAE,KAAKA,IAAI;YAC3BS,cAAcR,aAAa;QAC7B;IACF;IAEAH,4BAA4BY,MAAM,GAAG;AACvC"}
+{"version":3,"sources":["openedByHoverPreviewManager.ts"],"sourcesContent":["type openedByHoverPreviewManager = { id: string; closeCallback: () => void }[];\n\nconst openedByHoverPreviewManager: openedByHoverPreviewManager = [];\n\nexport function addOpenedByHoverPreview(id: string, closeCallback: () => void) {\n  openedByHoverPreviewManager.push({ id, closeCallback });\n}\n\nexport function removeOpenedByHoverPreview(id: string) {\n  let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  while (index !== -1) {\n    openedByHoverPreviewManager.splice(index, 1);\n    index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  }\n}\n\nexport function closeAllOpenedByHoverPreviews(id: string) {\n  for (const openedPreview of openedByHoverPreviewManager) {\n    if (openedPreview.id !== id) {\n      openedPreview.closeCallback();\n    }\n  }\n\n  openedByHoverPreviewManager.length = 0;\n}\n"],"names":["openedByHoverPreviewManager","addOpenedByHoverPreview","id","closeCallback","push","removeOpenedByHoverPreview","index","findIndex","preview","splice","closeAllOpenedByHoverPreviews","openedPreview","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,MAAMA,8BAA2D,EAAE;AAEnE,OAAO,SAASC,wBAAwBC,EAAU,EAAEC,aAAyB;IAC3EH,4BAA4BI,IAAI,CAAC;QAAEF;QAAIC;IAAc;AACvD;AAEA,OAAO,SAASE,2BAA2BH,EAAU;IACnD,IAAII,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC5E,MAAOI,UAAU,CAAC,EAAG;QACnBN,4BAA4BS,MAAM,CAACH,OAAO;QAC1CA,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC1E;AACF;AAEA,OAAO,SAASQ,8BAA8BR,EAAU;IACtD,KAAK,MAAMS,iBAAiBX,4BAA6B;QACvD,IAAIW,cAAcT,EAAE,KAAKA,IAAI;YAC3BS,cAAcR,aAAa;QAC7B;IACF;IAEAH,4BAA4BY,MAAM,GAAG;AACvC"}

package/lib-commonjs/Preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Preview.js"],"sourcesContent":["export * from './components/Preview/index';\n//# sourceMappingURL=Preview.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,mCAAmC"}
+{"version":3,"sources":["Preview.ts"],"sourcesContent":["export * from './components/Preview/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/PreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewContent.js"],"sourcesContent":["export * from './components/PreviewContent/index';\n//# sourceMappingURL=PreviewContent.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,0CAA0C"}
+{"version":3,"sources":["PreviewContent.ts"],"sourcesContent":["export * from './components/PreviewContent/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/PreviewHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewHeader.js"],"sourcesContent":["export * from './components/PreviewHeader/index';\n//# sourceMappingURL=PreviewHeader.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,yCAAyC"}
+{"version":3,"sources":["PreviewHeader.ts"],"sourcesContent":["export * from './components/PreviewHeader/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/PreviewMetadata.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewMetadata.js"],"sourcesContent":["export * from './components/PreviewMetadata/index';\n//# sourceMappingURL=PreviewMetadata.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,2CAA2C"}
+{"version":3,"sources":["PreviewMetadata.ts"],"sourcesContent":["export * from './components/PreviewMetadata/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/PreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.js"],"sourcesContent":["export * from './components/PreviewSurface/index';\n//# sourceMappingURL=PreviewSurface.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,0CAA0C"}
+{"version":3,"sources":["PreviewSurface.ts"],"sourcesContent":["export * from './components/PreviewSurface/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/PreviewTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewTrigger.js"],"sourcesContent":["export * from './components/PreviewTrigger/index';\n//# sourceMappingURL=PreviewTrigger.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,0CAA0C"}
+{"version":3,"sources":["PreviewTrigger.ts"],"sourcesContent":["export * from './components/PreviewTrigger/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["Preview.js"],"sourcesContent":["import { usePreview_unstable } from './usePreview';\nimport { renderPreview_unstable } from './renderPreview';\nexport const Preview = props => {\n  const state = usePreview_unstable(props);\n  return renderPreview_unstable(state);\n};\nPreview.displayName = 'Preview';\n//# sourceMappingURL=Preview.js.map"],"names":["Preview","props","state","usePreview_unstable","renderPreview_unstable","displayName"],"mappings":";;;;+BAEaA;;;eAAAA;;;4BAFuB;+BACG;AAChC,MAAMA,UAAUC,CAAAA;IACrB,MAAMC,QAAQC,IAAAA,+BAAmB,EAACF;IAClC,OAAOG,IAAAA,qCAAsB,EAACF;AAChC;AACAF,QAAQK,WAAW,GAAG,WACtB,mCAAmC"}
+{"version":3,"sources":["Preview.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreview_unstable } from './usePreview';\nimport { renderPreview_unstable } from './renderPreview';\nimport type { PreviewProps } from './Preview.types';\n\nexport const Preview: React.FC<PreviewProps> = props => {\n  const state = usePreview_unstable(props);\n\n  return renderPreview_unstable(state);\n};\n\nPreview.displayName = 'Preview';\n"],"names":["Preview","props","state","usePreview_unstable","renderPreview_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BAJuB;+BACG;AAGhC,MAAMA,UAAkCC,CAAAA;UAC7CC,QAAMA,IAAAA,+BAAQC,EAAAA;WAEdC,IAAAA,qCAAOA,EAAAA;AACT;AAEAJ,QAAQK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Preview.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Preview.types.js.map"],"names":[],"mappings":";;;;CACA,yCAAyC"}
+{"version":3,"sources":["Preview.types.ts"],"sourcesContent":["import type { PopoverProps, PopoverState } from '@fluentui/react-components';\n\n/**\n * Preview Props\n */\nexport type PreviewProps = PopoverProps;\n\n/**\n * State used in rendering Preview\n */\nexport type PreviewState = PopoverState & {\n  /**\n   * Whether the Preview was opened by click or keyboard and is therefore locked until intentional interaction to close it.\n   */\n  isPreviewLocked: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAOA;;CAEC"}

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

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

package/lib-commonjs/components/Preview/renderPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { renderPopover_unstable } from '@fluentui/react-components';\nimport { PreviewContextProvider } from '../../previewContext';\n/**\n * Render the final JSX of Preview\n */\nexport const renderPreview_unstable = state => {\n  const {\n    appearance,\n    arrowRef,\n    contentRef,\n    inertTrapFocus,\n    inline,\n    isPreviewLocked,\n    mountNode,\n    open,\n    openOnContext,\n    openOnHover,\n    setOpen,\n    size,\n    toggleOpen,\n    trapFocus,\n    triggerRef,\n    withArrow\n  } = state;\n  return /*#__PURE__*/React.createElement(PreviewContextProvider, {\n    value: {\n      appearance,\n      arrowRef,\n      contentRef,\n      inertTrapFocus,\n      inline,\n      isPreviewLocked,\n      mountNode,\n      open,\n      openOnContext,\n      openOnHover,\n      setOpen,\n      size,\n      toggleOpen,\n      trapFocus,\n      triggerRef,\n      withArrow\n    }\n  }, renderPopover_unstable(state));\n};\n//# sourceMappingURL=renderPreview.js.map"],"names":["renderPreview_unstable","state","appearance","arrowRef","contentRef","inertTrapFocus","inline","isPreviewLocked","mountNode","open","openOnContext","openOnHover","setOpen","size","toggleOpen","trapFocus","triggerRef","withArrow","React","createElement","PreviewContextProvider","value","renderPopover_unstable"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;iCACgB;gCACA;AAIhC,MAAMA,yBAAyBC,CAAAA;IACpC,MAAM,EACJC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACV,GAAGhB;IACJ,OAAO,WAAW,GAAEiB,OAAMC,aAAa,CAACC,sCAAsB,EAAE;QAC9DC,OAAO;YACLnB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;IACF,GAAGK,IAAAA,uCAAsB,EAACrB;AAC5B,GACA,yCAAyC"}
+{"version":3,"sources":["renderPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { renderPopover_unstable } from '@fluentui/react-components';\n\nimport { PreviewContextProvider } from '../../previewContext';\nimport type { PreviewState } from './Preview.types';\n\n/**\n * Render the final JSX of Preview\n */\nexport const renderPreview_unstable = (state: PreviewState) => {\n  const {\n    appearance,\n    arrowRef,\n    contentRef,\n    inertTrapFocus,\n    inline,\n    isPreviewLocked,\n    mountNode,\n    open,\n    openOnContext,\n    openOnHover,\n    setOpen,\n    size,\n    toggleOpen,\n    trapFocus,\n    triggerRef,\n    withArrow,\n  } = state;\n\n  return (\n    <PreviewContextProvider\n      value={{\n        appearance,\n        arrowRef,\n        contentRef,\n        inertTrapFocus,\n        inline,\n        isPreviewLocked,\n        mountNode,\n        open,\n        openOnContext,\n        openOnHover,\n        setOpen,\n        size,\n        toggleOpen,\n        trapFocus,\n        triggerRef,\n        withArrow,\n      }}\n    >\n      {renderPopover_unstable(state)}\n    </PreviewContextProvider>\n  );\n};\n"],"names":["appearance","contentRef","value","arrowRef","inline","isPreviewLocked","open","openOnContext","size","toggleOpen","trapFocus","triggerRef","React","createElement","PreviewContextProvider","renderPopover_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYIA;;;eAAAA;;;;iEAZmB;iCAEgB;gCAEA;AAOrC,MACEA,yBAEAC,CAAAA;UAgBF,YAEIC,UACEF,YACAG,gBACAF,yBAEAG,WACAC,qBAEAC,aACAC,2BAGAC,WACAC,YACAC,WACAC;WAEF,WAAA,GAAAC,OAAAC,aAAA,CAAAC,sCAAA,EAAA;eAECC;YAGLf"}

package/lib-commonjs/components/Preview/usePreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreview.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Escape } from '@fluentui/keyboard-keys';\nimport { mergeCallbacks, useFluent, useId, useIsomorphicLayoutEffect, usePopover_unstable } from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from '../../utils';\nconst POPOVER_MOUSE_HIDE_DELAY = 500;\nconst POPOVER_KEYBOARD_HIDE_DELAY = 0;\nconst getDelay = type => {\n  if (type === 'focus' || type === 'blur') {\n    return POPOVER_KEYBOARD_HIDE_DELAY;\n  }\n  return POPOVER_MOUSE_HIDE_DELAY;\n};\n/**\n * Create the state required to render Preview.\n *\n * The returned state can be modified with hooks such as usePreviewStyles_unstable,\n * before being passed to renderPreview_unstable.\n *\n * @param props - props from this instance of Preview\n * @param ref - reference to root HTMLElement of Preview\n */\nexport const usePreview_unstable = props => {\n  const {\n    onOpenChange,\n    open,\n    unstable_disableAutoFocus\n  } = props;\n  const children = React.Children.toArray(props.children);\n  const {\n    targetDocument\n  } = useFluent();\n  const [setTimeout, clearTimeout] = useTimeout();\n  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);\n  const {\n    current: previewInternalState\n  } = React.useRef({\n    openByClick: false,\n    openByHoverOverTrigger: false,\n    openByHoverOverPopover: false,\n    openByKeyboard: false\n  });\n  const isOpen = () => {\n    return previewInternalState.openByClick || previewInternalState.openByHoverOverTrigger || previewInternalState.openByHoverOverPopover || previewInternalState.openByKeyboard;\n  };\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const preventDefaultClose = React.useRef(false);\n  let popoverTrigger = undefined;\n  let popoverSurface = undefined;\n  if (children.length === 2) {\n    popoverTrigger = children[0];\n    popoverSurface = children[1];\n  } else if (children.length === 1) {\n    popoverSurface = children[0];\n  }\n  const popoverSurfaceId = useId('preview-surface', popoverSurface === null || popoverSurface === void 0 ? void 0 : popoverSurface.props.id);\n  const closeCallback = () => {\n    previewInternalState.openByClick = false;\n    previewInternalState.openByHoverOverTrigger = false;\n    previewInternalState.openByHoverOverPopover = false;\n    previewInternalState.openByKeyboard = false;\n    setIsPopoverOpen(isOpen());\n  };\n  React.useEffect(() => {\n    return () => {\n      // Remove all instances of the current popover from the openedByHoverPreviewManager when the component is unmounted.\n      removeOpenedByHoverPreview(popoverSurfaceId);\n    };\n  }, [popoverSurfaceId]);\n  if (popoverSurface && popoverTrigger) {\n    const handleTriggerTargetEnter = e => {\n      previewInternalState.openByHoverOverTrigger = true;\n      // We want to disable auto focus only if the popover is being opened by hovering over the trigger\n      if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {\n        setDisableAutoFocus(true);\n        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n          open: true\n        });\n        closeAllOpenedByHoverPreviews(popoverSurfaceId);\n        addOpenedByHoverPreview(popoverSurfaceId, closeCallback);\n      }\n      setIsPopoverOpen(isOpen());\n    };\n    const handleTriggerTargetLeave = e => {\n      previewInternalState.openByHoverOverTrigger = false;\n      setTimeout(() => {\n        setIsPopoverOpen(isOpen());\n        // We want to call onOpenChange only if the popover is actually closing when leaving the trigger\n        if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverPopover && isPopoverOpen) {\n          onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n            open: false\n          });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type));\n    };\n    const handleTriggerClick = e => {\n      // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the trigger as we want to control that behavior.\n      preventDefaultClose.current = true;\n      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.\n      setDisableAutoFocus(false);\n      const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n      // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.\n      previewInternalState.openByClick = previewInternalState.openByKeyboard ? false : !previewInternalState.openByClick;\n      previewInternalState.openByHoverOverTrigger = false;\n      previewInternalState.openByHoverOverPopover = false;\n      previewInternalState.openByKeyboard = false;\n      if (!tmpOpenByHoverOverTrigger) {\n        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n          open: previewInternalState.openByClick\n        });\n      }\n      if (!isOpen()) {\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n      setIsPopoverOpen(isOpen());\n    };\n    const handleTriggerKeyDown = e => {\n      if (e.key === Enter) {\n        clearTimeout();\n        // Setting default prevented so that Enter key does not trigger a click event or onPopoverOpenChange.\n        e.preventDefault();\n        // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.\n        setDisableAutoFocus(false);\n        const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n        // If openByClick is true, then the popover was already opened via click and we always want to close it.\n        previewInternalState.openByKeyboard = previewInternalState.openByClick ? false : !previewInternalState.openByKeyboard;\n        previewInternalState.openByClick = false;\n        previewInternalState.openByHoverOverTrigger = false;\n        previewInternalState.openByHoverOverPopover = false;\n        if (!tmpOpenByHoverOverTrigger) {\n          onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n            open: previewInternalState.openByKeyboard\n          });\n        }\n        if (!isOpen()) {\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n        setIsPopoverOpen(isOpen());\n      }\n    };\n    const handlePopoverTargetEnter = e => {\n      previewInternalState.openByHoverOverPopover = true;\n      setIsPopoverOpen(isOpen());\n    };\n    const handlePopoverTargetLeave = e => {\n      previewInternalState.openByHoverOverPopover = false;\n      setTimeout(() => {\n        setIsPopoverOpen(isOpen());\n        // We want to call onOpenChange only if the popover is actually closing when leaving the popover\n        if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverTrigger) {\n          onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n            open: false\n          });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type));\n    };\n    popoverTrigger = React.cloneElement(popoverTrigger, {\n      ...popoverTrigger.props,\n      children: React.cloneElement(popoverTrigger.props.children, {\n        ...popoverTrigger.props.children.props,\n        onBlur: mergeCallbacks(popoverTrigger.props.children.props.onBlur, handleTriggerTargetLeave),\n        onClick: mergeCallbacks(popoverTrigger.props.children.props.onClick, handleTriggerClick),\n        onKeyDown: mergeCallbacks(popoverTrigger.props.children.props.onKeyDown, handleTriggerKeyDown),\n        onMouseEnter: mergeCallbacks(popoverTrigger.props.children.props.onMouseEnter, handleTriggerTargetEnter),\n        onMouseLeave: mergeCallbacks(popoverTrigger.props.children.props.onMouseLeave, handleTriggerTargetLeave)\n      })\n    });\n    var _popoverSurface_props_arialabelledby;\n    popoverSurface = React.cloneElement(popoverSurface, {\n      ...popoverSurface.props,\n      'aria-labelledby': ((_popoverSurface_props_arialabelledby = popoverSurface.props['aria-labelledby']) !== null && _popoverSurface_props_arialabelledby !== void 0 ? _popoverSurface_props_arialabelledby : popoverSurface.props['aria-label']) ? undefined : popoverSurfaceId,\n      id: popoverSurfaceId,\n      onMouseEnter: mergeCallbacks(popoverSurface.props.onMouseEnter, handlePopoverTargetEnter),\n      onMouseLeave: mergeCallbacks(popoverSurface.props.onMouseLeave, handlePopoverTargetLeave),\n      onFocus: mergeCallbacks(popoverSurface.props.onFocus, handlePopoverTargetEnter)\n    });\n  }\n  // Hitting Escape key should close the popover if it was opened by hover.\n  // This is necessary to attach to the document because focus is likely not within the trigger or popover.\n  useIsomorphicLayoutEffect(() => {\n    if (isPopoverOpen) {\n      const onDocumentKeyDown = e => {\n        const openedByHover = !previewInternalState.openByClick && !previewInternalState.openByKeyboard;\n        if (openedByHover && e.key === Escape) {\n          clearTimeout();\n          // We set state back to its default if the Escape key has been pressed\n          setDisableAutoFocus(true);\n          closeCallback();\n          removeOpenedByHoverPreview(popoverSurfaceId);\n          onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {\n            open: false\n          });\n          e.stopPropagation();\n        }\n      };\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {\n        capture: true\n      });\n      return () => {\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [targetDocument, isPopoverOpen]);\n  const onPopoverOpenChange = (e, data) => {\n    if (!preventDefaultClose.current) {\n      // We set all open state to false if preventDefaultClose was not set to true and the popover is closing.\n      if (!data.open) {\n        clearTimeout();\n        closeCallback();\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, data);\n    }\n    preventDefaultClose.current = false;\n  };\n  let resolvedChildren = children;\n  if (popoverSurface) {\n    if (popoverTrigger) {\n      resolvedChildren = [popoverTrigger, popoverSurface];\n    } else {\n      resolvedChildren = popoverSurface;\n    }\n  }\n  const popoverState = usePopover_unstable({\n    ...props,\n    children: resolvedChildren,\n    onOpenChange: onPopoverOpenChange,\n    open: open !== null && open !== void 0 ? open : isPopoverOpen,\n    unstable_disableAutoFocus: unstable_disableAutoFocus !== null && unstable_disableAutoFocus !== void 0 ? unstable_disableAutoFocus : disableAutoFocus\n  });\n  return {\n    ...popoverState,\n    isPreviewLocked: previewInternalState.openByClick || previewInternalState.openByKeyboard\n  };\n};\n//# sourceMappingURL=usePreview.js.map"],"names":["usePreview_unstable","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","props","onOpenChange","open","unstable_disableAutoFocus","children","React","Children","toArray","targetDocument","useFluent","setTimeout","clearTimeout","useTimeout","disableAutoFocus","setDisableAutoFocus","useState","current","previewInternalState","useRef","openByClick","openByHoverOverTrigger","openByHoverOverPopover","openByKeyboard","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","popoverTrigger","undefined","popoverSurface","length","popoverSurfaceId","useId","id","closeCallback","useEffect","removeOpenedByHoverPreview","handleTriggerTargetEnter","e","closeAllOpenedByHoverPreviews","addOpenedByHoverPreview","handleTriggerTargetLeave","handleTriggerClick","tmpOpenByHoverOverTrigger","handleTriggerKeyDown","key","Enter","preventDefault","handlePopoverTargetEnter","handlePopoverTargetLeave","cloneElement","onBlur","mergeCallbacks","onClick","onKeyDown","onMouseEnter","onMouseLeave","_popoverSurface_props_arialabelledby","onFocus","useIsomorphicLayoutEffect","onDocumentKeyDown","openedByHover","Escape","stopPropagation","addEventListener","capture","removeEventListener","onPopoverOpenChange","data","resolvedChildren","popoverState","usePopover_unstable","isPreviewLocked"],"mappings":"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"}
+{"version":3,"sources":["usePreview.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Enter, Escape } from '@fluentui/keyboard-keys';\nimport {\n  mergeCallbacks,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  usePopover_unstable,\n} from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport type { OnOpenChangeData, OpenPopoverEvents } from '@fluentui/react-components';\n\nimport { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from '../../utils';\nimport type { PreviewProps, PreviewState } from './Preview.types';\n\ntype PreviewInternalState = {\n  openByClick: boolean;\n  openByHoverOverTrigger: boolean;\n  openByHoverOverPopover: boolean;\n  openByKeyboard: boolean;\n};\n\nconst POPOVER_MOUSE_HIDE_DELAY = 500;\nconst POPOVER_KEYBOARD_HIDE_DELAY = 0;\n\nconst getDelay = (type: string): number => {\n  if (type === 'focus' || type === 'blur') {\n    return POPOVER_KEYBOARD_HIDE_DELAY;\n  }\n\n  return POPOVER_MOUSE_HIDE_DELAY;\n};\n\ntype TargetEvent<T> = React.MouseEvent<T> | React.FocusEvent<T>;\n\n/**\n * Create the state required to render Preview.\n *\n * The returned state can be modified with hooks such as usePreviewStyles_unstable,\n * before being passed to renderPreview_unstable.\n *\n * @param props - props from this instance of Preview\n * @param ref - reference to root HTMLElement of Preview\n */\nexport const usePreview_unstable = (props: PreviewProps): PreviewState => {\n  const { onOpenChange, open, unstable_disableAutoFocus } = props;\n\n  const children = React.Children.toArray(props.children) as React.ReactElement[];\n\n  const { targetDocument } = useFluent();\n  const [setTimeout, clearTimeout] = useTimeout();\n\n  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);\n\n  const { current: previewInternalState } = React.useRef<PreviewInternalState>({\n    openByClick: false,\n    openByHoverOverTrigger: false,\n    openByHoverOverPopover: false,\n    openByKeyboard: false,\n  });\n\n  const isOpen = () => {\n    return (\n      previewInternalState.openByClick ||\n      previewInternalState.openByHoverOverTrigger ||\n      previewInternalState.openByHoverOverPopover ||\n      previewInternalState.openByKeyboard\n    );\n  };\n\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const preventDefaultClose = React.useRef(false);\n\n  let popoverTrigger: React.ReactElement | undefined = undefined;\n  let popoverSurface: React.ReactElement | undefined = undefined;\n  if (children.length === 2) {\n    popoverTrigger = children[0];\n    popoverSurface = children[1];\n  } else if (children.length === 1) {\n    popoverSurface = children[0];\n  }\n\n  const popoverSurfaceId = useId('preview-surface', popoverSurface?.props.id);\n\n  const closeCallback = () => {\n    previewInternalState.openByClick = false;\n    previewInternalState.openByHoverOverTrigger = false;\n    previewInternalState.openByHoverOverPopover = false;\n    previewInternalState.openByKeyboard = false;\n    setIsPopoverOpen(isOpen());\n  };\n\n  React.useEffect(() => {\n    return () => {\n      // Remove all instances of the current popover from the openedByHoverPreviewManager when the component is unmounted.\n      removeOpenedByHoverPreview(popoverSurfaceId);\n    };\n  }, [popoverSurfaceId]);\n\n  if (popoverSurface && popoverTrigger) {\n    const handleTriggerTargetEnter = (e: TargetEvent<HTMLSpanElement>): void => {\n      previewInternalState.openByHoverOverTrigger = true;\n\n      // We want to disable auto focus only if the popover is being opened by hovering over the trigger\n      if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {\n        setDisableAutoFocus(true);\n        onOpenChange?.(e, { open: true });\n        closeAllOpenedByHoverPreviews(popoverSurfaceId);\n        addOpenedByHoverPreview(popoverSurfaceId, closeCallback);\n      }\n\n      setIsPopoverOpen(isOpen());\n    };\n\n    const handleTriggerTargetLeave = (e: TargetEvent<HTMLSpanElement>): void => {\n      previewInternalState.openByHoverOverTrigger = false;\n      setTimeout(() => {\n        setIsPopoverOpen(isOpen());\n\n        // We want to call onOpenChange only if the popover is actually closing when leaving the trigger\n        if (\n          !previewInternalState.openByClick &&\n          !previewInternalState.openByKeyboard &&\n          !previewInternalState.openByHoverOverPopover &&\n          isPopoverOpen\n        ) {\n          onOpenChange?.(e, { open: false });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type));\n    };\n\n    const handleTriggerClick = (e: TargetEvent<HTMLSpanElement>): void => {\n      // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the trigger as we want to control that behavior.\n      preventDefaultClose.current = true;\n\n      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.\n      setDisableAutoFocus(false);\n\n      const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n\n      // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.\n      previewInternalState.openByClick = previewInternalState.openByKeyboard\n        ? false\n        : !previewInternalState.openByClick;\n      previewInternalState.openByHoverOverTrigger = false;\n      previewInternalState.openByHoverOverPopover = false;\n      previewInternalState.openByKeyboard = false;\n\n      if (!tmpOpenByHoverOverTrigger) {\n        onOpenChange?.(e, { open: previewInternalState.openByClick });\n      }\n\n      if (!isOpen()) {\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n\n      setIsPopoverOpen(isOpen());\n    };\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>): void => {\n      if (e.key === Enter) {\n        clearTimeout();\n\n        // Setting default prevented so that Enter key does not trigger a click event or onPopoverOpenChange.\n        e.preventDefault();\n\n        // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.\n        setDisableAutoFocus(false);\n\n        const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;\n\n        // If openByClick is true, then the popover was already opened via click and we always want to close it.\n        previewInternalState.openByKeyboard = previewInternalState.openByClick\n          ? false\n          : !previewInternalState.openByKeyboard;\n        previewInternalState.openByClick = false;\n        previewInternalState.openByHoverOverTrigger = false;\n        previewInternalState.openByHoverOverPopover = false;\n\n        if (!tmpOpenByHoverOverTrigger) {\n          onOpenChange?.(e, { open: previewInternalState.openByKeyboard });\n        }\n\n        if (!isOpen()) {\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n\n        setIsPopoverOpen(isOpen());\n      }\n    };\n\n    const handlePopoverTargetEnter = (e: TargetEvent<HTMLDivElement>): void => {\n      previewInternalState.openByHoverOverPopover = true;\n      setIsPopoverOpen(isOpen());\n    };\n\n    const handlePopoverTargetLeave = (e: TargetEvent<HTMLDivElement>): void => {\n      previewInternalState.openByHoverOverPopover = false;\n      setTimeout(() => {\n        setIsPopoverOpen(isOpen());\n\n        // We want to call onOpenChange only if the popover is actually closing when leaving the popover\n        if (\n          !previewInternalState.openByClick &&\n          !previewInternalState.openByKeyboard &&\n          !previewInternalState.openByHoverOverTrigger\n        ) {\n          onOpenChange?.(e, { open: false });\n          removeOpenedByHoverPreview(popoverSurfaceId);\n        }\n      }, getDelay(e.type));\n    };\n\n    popoverTrigger = React.cloneElement(popoverTrigger, {\n      ...popoverTrigger.props,\n      children: React.cloneElement(popoverTrigger.props.children as React.ReactElement, {\n        ...popoverTrigger.props.children.props,\n        onBlur: mergeCallbacks(popoverTrigger.props.children.props.onBlur, handleTriggerTargetLeave),\n        onClick: mergeCallbacks(popoverTrigger.props.children.props.onClick, handleTriggerClick),\n        onKeyDown: mergeCallbacks(popoverTrigger.props.children.props.onKeyDown, handleTriggerKeyDown),\n        onMouseEnter: mergeCallbacks(popoverTrigger.props.children.props.onMouseEnter, handleTriggerTargetEnter),\n        onMouseLeave: mergeCallbacks(popoverTrigger.props.children.props.onMouseLeave, handleTriggerTargetLeave),\n      }),\n    });\n\n    popoverSurface = React.cloneElement(popoverSurface, {\n      ...popoverSurface.props,\n      'aria-labelledby':\n        popoverSurface.props['aria-labelledby'] ?? popoverSurface.props['aria-label'] ? undefined : popoverSurfaceId,\n      id: popoverSurfaceId,\n      onMouseEnter: mergeCallbacks(popoverSurface.props.onMouseEnter, handlePopoverTargetEnter),\n      onMouseLeave: mergeCallbacks(popoverSurface.props.onMouseLeave, handlePopoverTargetLeave),\n      onFocus: mergeCallbacks(popoverSurface.props.onFocus, handlePopoverTargetEnter),\n    });\n  }\n\n  // Hitting Escape key should close the popover if it was opened by hover.\n  // This is necessary to attach to the document because focus is likely not within the trigger or popover.\n  useIsomorphicLayoutEffect(() => {\n    if (isPopoverOpen) {\n      const onDocumentKeyDown = (e: KeyboardEvent) => {\n        const openedByHover = !previewInternalState.openByClick && !previewInternalState.openByKeyboard;\n\n        if (openedByHover && e.key === Escape) {\n          clearTimeout();\n\n          // We set state back to its default if the Escape key has been pressed\n          setDisableAutoFocus(true);\n          closeCallback();\n          removeOpenedByHoverPreview(popoverSurfaceId);\n\n          onOpenChange?.(e as unknown as OpenPopoverEvents, { open: false });\n\n          e.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, { capture: true });\n\n      return () => {\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [targetDocument, isPopoverOpen]);\n\n  const onPopoverOpenChange = (e: OpenPopoverEvents, data: OnOpenChangeData): void => {\n    if (!preventDefaultClose.current) {\n      // We set all open state to false if preventDefaultClose was not set to true and the popover is closing.\n      if (!data.open) {\n        clearTimeout();\n        closeCallback();\n        removeOpenedByHoverPreview(popoverSurfaceId);\n      }\n\n      onOpenChange?.(e, data);\n    }\n\n    preventDefaultClose.current = false;\n  };\n\n  let resolvedChildren = children as [JSX.Element, JSX.Element] | JSX.Element;\n  if (popoverSurface) {\n    if (popoverTrigger) {\n      resolvedChildren = [popoverTrigger, popoverSurface];\n    } else {\n      resolvedChildren = popoverSurface;\n    }\n  }\n\n  const popoverState = usePopover_unstable({\n    ...props,\n    children: resolvedChildren,\n    onOpenChange: onPopoverOpenChange,\n    open: open ?? isPopoverOpen,\n    unstable_disableAutoFocus: unstable_disableAutoFocus ?? disableAutoFocus,\n  });\n\n  return {\n    ...popoverState,\n    isPreviewLocked: previewInternalState.openByClick || previewInternalState.openByKeyboard,\n  };\n};\n"],"names":["onOpenChange","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","unstable_disableAutoFocus","targetDocument","open","setDisableAutoFocus","props","openByClick","Children","toArray","children","openByHoverOverTrigger","openByHoverOverPopover","openByKeyboard","setTimeout","clearTimeout","useTimeout","disableAutoFocus","React","useState","current","previewInternalState","isPopoverOpen","preventDefaultClose","undefined","length","popoverSurface","setIsPopoverOpen","useId","useRef","popoverTrigger","closeCallback","isOpen","popoverSurfaceId","id","removeOpenedByHoverPreview","useEffect","handleTriggerTargetEnter","e","closeAllOpenedByHoverPreviews","handleTriggerTargetLeave","handleTriggerClick","tmpOpenByHoverOverTrigger","Enter","handlePopoverTargetLeave","cloneElement","onClick","onMouseEnter","mergeCallbacks","onMouseLeave","onKeyDown","handleTriggerKeyDown","_popoverSurface_props_arialabelledby","useIsomorphicLayoutEffect","handlePopoverTargetEnter","onDocumentKeyDown","key","Escape","addEventListener","capture","resolvedChildren","popoverState","usePopover_unstable","isPreviewLocked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewContent.js"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewContent_unstable } from './usePreviewContent';\nimport { renderPreviewContent_unstable } from './renderPreviewContent';\nimport { usePreviewContentStyles_unstable } from './usePreviewContentStyles';\nexport const PreviewContent = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePreviewContent_unstable(props, ref);\n  usePreviewContentStyles_unstable(state);\n  return renderPreviewContent_unstable(state);\n});\nPreviewContent.displayName = 'PreviewContent';\n//# sourceMappingURL=PreviewContent.js.map"],"names":["PreviewContent","React","forwardRef","props","ref","state","usePreviewContent_unstable","usePreviewContentStyles_unstable","renderPreviewContent_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;mCACoB;sCACG;yCACG;AAC1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACvC;AACAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}
+{"version":3,"sources":["PreviewContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewContent_unstable } from './usePreviewContent';\nimport { renderPreviewContent_unstable } from './renderPreviewContent';\nimport { usePreviewContentStyles_unstable } from './usePreviewContentStyles';\nimport type { PreviewContentProps } from './PreviewContent.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewContent: ForwardRefComponent<PreviewContentProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewContent_unstable(props, ref);\n\n  usePreviewContentStyles_unstable(state);\n  return renderPreviewContent_unstable(state);\n});\n\nPreviewContent.displayName = 'PreviewContent';\n"],"names":["PreviewContent","React","forwardRef","props","state","usePreviewContent_unstable","usePreviewContentStyles_unstable","renderPreviewContent_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;mCACoB;sCACG;yCACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;iEAEzCG,EAAAA;WACAC,IAAAA,mDAAOA,EAAAA;AACT;AAEAP,eAAeQ,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewContent.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewContent.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
+{"version":3,"sources":["PreviewContent.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewContentSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * PreviewContent Props\n */\nexport type PreviewContentProps = ComponentProps<PreviewContentSlots>;\n\n/**\n * State used in rendering PreviewContent\n */\nexport type PreviewContentState = ComponentState<PreviewContentSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

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

package/lib-commonjs/components/PreviewContent/renderPreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewContent.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 PreviewContent\n */\nexport const renderPreviewContent_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderPreviewContent.js.map"],"names":["renderPreviewContent_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,gCAAgCC,CAAAA;IAC3CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AACxC,GACA,gDAAgD"}
+{"version":3,"sources":["renderPreviewContent.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PreviewContentState, PreviewContentSlots } from './PreviewContent.types';\n\n/**\n * Render the final JSX of PreviewContent\n */\nexport const renderPreviewContent_unstable = (state: PreviewContentState) => {\n  assertSlots<PreviewContentSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGE;AAO1BA,MAAAA,gCAAiCC,CAAAA;oCAEjC,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}

package/lib-commonjs/components/PreviewContent/usePreviewContent.js

@@ -14,7 +14,7 @@ const usePreviewContent_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('div', {
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
             ref,
             ...props
         }), {

package/lib-commonjs/components/PreviewContent/usePreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewContent.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-components';\n/**\n * Create the state required to render PreviewContent.\n *\n * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,\n * before being passed to renderPreviewContent_unstable.\n *\n * @param props - props from this instance of PreviewContent\n * @param ref - reference to root HTMLElement of PreviewContent\n */\nexport const usePreviewContent_unstable = (props, ref) => {\n  return {\n    components: {\n      root: 'div'\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      ...props\n    }), {\n      elementType: 'div'\n    })\n  };\n};\n//# sourceMappingURL=usePreviewContent.js.map"],"names":["usePreviewContent_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUaA;;;eAAAA;;;iCAV+B;AAUrC,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,OAAO;YAC7CL;YACA,GAAGD,KAAK;QACV,IAAI;YACFO,aAAa;QACf;IACF;AACF,GACA,6CAA6C"}
+{"version":3,"sources":["usePreviewContent.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PreviewContentProps, PreviewContentState } from './PreviewContent.types';\n\n/**\n * Create the state required to render PreviewContent.\n *\n * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,\n * before being passed to renderPreviewContent_unstable.\n *\n * @param props - props from this instance of PreviewContent\n * @param ref - reference to root HTMLElement of PreviewContent\n */\nexport const usePreviewContent_unstable = (\n  props: PreviewContentProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewContentState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["usePreviewContent_unstable","props","ref","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBSA;;;eAAAA;;;iCAhBsC;AAgB7C,MAAOA,6BAAA,CAAAC,OAAAC;WACLC;oBACEC;kBACF;;mCAGIF,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,OAAAA;;eAEFD,KACA;;yBAAqB;QAEzB;IACA"}

package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewContentStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const previewContentClassNames = {\n  root: 'fai-PreviewContent'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = __resetStyles(\"r3uexl1\", \"rbb2gfj\", [\".r3uexl1{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\", \".rbb2gfj{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=usePreviewContentStyles.js.map"],"names":["previewContentClassNames","usePreviewContentStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IAUAC,gCAAgC;eAAhCA;;;iCAXqE;AAC3E,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAAob;CAAmb;AAIl6B,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,oBAAoBH;IAC1BE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,6BAAY,EAACR,yBAAyBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC1G,OAAOF;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["usePreviewContentStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["previewContentClassNames","tokens","root","color","colorNeutralForeground3","rowGap","state","wordBreak","useRootBaseClassName","typographyStyles","caption1","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAYHC,gCAAwB;eAAxBA;;;iCAhBkE;AAIrE,MAAMD,2BAAgE;UAC3EE;AACF;AAEA;;CAEC,SAECC,uBAAcC,IAAAA,8BAAuB,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAIrCC,MAAQJ,mCAAwBK,CAAAA;UAChCC,oBAAWC;UAERC,IAAAA,CAAAA,SAAAA,GAAiBC,IAAAA,6BAAQ,EAAAV,yBAAAE,IAAA,EAAAS,mBAAAL,MAAAJ,IAAA,CAAAU,SAAA;IAC9B,OAAAN;AAEA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewHeader_unstable } from './usePreviewHeader';\nimport { renderPreviewHeader_unstable } from './renderPreviewHeader';\nimport { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles';\nexport const PreviewHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePreviewHeader_unstable(props, ref);\n  usePreviewHeaderStyles_unstable(state);\n  return renderPreviewHeader_unstable(state);\n});\nPreviewHeader.displayName = 'PreviewHeader';\n//# sourceMappingURL=PreviewHeader.js.map"],"names":["PreviewHeader","React","forwardRef","props","ref","state","usePreviewHeader_unstable","usePreviewHeaderStyles_unstable","renderPreviewHeader_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;kCACmB;qCACG;wCACG;AACzC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACtC;AACAL,cAAcS,WAAW,GAAG,iBAC5B,yCAAyC"}
+{"version":3,"sources":["PreviewHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewHeader_unstable } from './usePreviewHeader';\nimport { renderPreviewHeader_unstable } from './renderPreviewHeader';\nimport { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles';\nimport type { PreviewHeaderProps } from './PreviewHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewHeader: ForwardRefComponent<PreviewHeaderProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewHeader_unstable(props, ref);\n\n  usePreviewHeaderStyles_unstable(state);\n  return renderPreviewHeader_unstable(state);\n});\n\nPreviewHeader.displayName = 'PreviewHeader';\n"],"names":["PreviewHeader","React","forwardRef","props","state","usePreviewHeader_unstable","usePreviewHeaderStyles_unstable","renderPreviewHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;kCACmB;qCACG;wCACG;AAIzC,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;+DAExCG,EAAAA;WACAC,IAAAA,iDAAOA,EAAAA;AACT;AAEAP,cAAcQ,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewHeader.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
+{"version":3,"sources":["PreviewHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewHeaderSlots = {\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Actions slot.\n   */\n  actions: Slot<'div'>;\n\n  /**\n   * Citation slot. Displays a `Citation`. Set to `null` to hide the citation.\n   */\n  citation: Slot<'span'>;\n\n  /**\n   * Label slot. Primary description of the preview.\n   */\n  label: NonNullable<Slot<'span'>>;\n\n  /**\n   * Media slot. Used to display Avatars, Icons, etc.\n   */\n  media: Slot<'div'>;\n};\n\n/**\n * PreviewHeader Props\n */\nexport type PreviewHeaderProps = ComponentProps<Partial<PreviewHeaderSlots>>;\n\n/**\n * State used in rendering PreviewHeader\n */\nexport type PreviewHeaderState = ComponentState<PreviewHeaderSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AA+BA;;CAEC"}

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

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

package/lib-commonjs/components/PreviewHeader/renderPreviewHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewHeader.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 PreviewHeader\n */\nexport const renderPreviewHeader_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsx(state.actions, {})]\n  });\n};\n//# sourceMappingURL=renderPreviewHeader.js.map"],"names":["renderPreviewHeader_unstable","state","assertSlots","_jsxs","root","children","citation","_jsx","media","label","actions"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,+BAA+BC,CAAAA;IAC1CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YAAIL,MAAMO,KAAK,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMO,KAAK,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAAIR,MAAMS,OAAO,IAAI,WAAW,GAAEH,IAAAA,eAAI,EAACN,MAAMS,OAAO,EAAE,CAAC;SAAG;IACnN;AACF,GACA,+CAA+C"}
+{"version":3,"sources":["renderPreviewHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PreviewHeaderState, PreviewHeaderSlots } from './PreviewHeader.types';\n\n/**\n * Render the final JSX of PreviewHeader\n */\nexport const renderPreviewHeader_unstable = (state: PreviewHeaderState) => {\n  assertSlots<PreviewHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && <state.actions />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","citation","_jsx","media","label","actions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,+BAAgCC,CAAAA;oCAEhC,EAAAA;;kBAEKA;YAAAA,MAAMC,QAAQ,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,QAAQ,EAAA,CAAA;YAAAD,MAAAG,KAAA,IAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAG,KAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,KAAA,EAAA,CAAA;YAAAJ,MAAAK,OAAA,IAAA,WAAA,GAAAH,IAAAA,eAAA,EAAAF,MAAAK,OAAA,EAAA,CAAA;SAAA;;kDAGhB"}

package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js

@@ -24,7 +24,7 @@ const usePreviewHeader_unstable = (props, ref)=>{
             label: 'span',
             media: 'div'
         },
-        root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('div', {
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
             ref,
             ...props
         }), {

package/lib-commonjs/components/PreviewHeader/usePreviewHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles';\n/**\n * Create the state required to render PreviewHeader.\n *\n * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,\n * before being passed to renderPreviewHeader_unstable.\n *\n * @param props - props from this instance of PreviewHeader\n * @param ref - reference to root HTMLElement of PreviewHeader\n */\nexport const usePreviewHeader_unstable = (props, ref) => {\n  var _state_media;\n  const {\n    actions,\n    children,\n    citation,\n    label,\n    media\n  } = props;\n  const mediaId = useId('media');\n  const state = {\n    components: {\n      root: 'div',\n      actions: 'div',\n      citation: 'span',\n      label: 'span',\n      media: 'div'\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      ...props\n    }), {\n      elementType: 'div'\n    }),\n    actions: slot.optional(actions, {\n      elementType: 'div'\n    }),\n    citation: slot.optional(citation, {\n      elementType: 'span'\n    }),\n    label: slot.always(label, {\n      defaultProps: {\n        children\n      },\n      elementType: 'span'\n    }),\n    media: slot.optional(media, {\n      defaultProps: {\n        id: mediaId\n      },\n      elementType: 'div'\n    })\n  };\n  if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {\n    var _state_label_ariadescribedby;\n    var _state_label_ariadescribedby_concat;\n    state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;\n  }\n  if (state.media && React.isValidElement(state.media.children)) {\n    state.media.children = React.cloneElement(state.media.children, {\n      className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)\n    });\n  }\n  return state;\n};\n//# sourceMappingURL=usePreviewHeader.js.map"],"names":["usePreviewHeader_unstable","props","ref","_state_media","actions","children","citation","label","media","mediaId","useId","state","components","root","slot","always","getNativeElementProps","elementType","optional","defaultProps","id","_state_label_ariadescribedby","_state_label_ariadescribedby_concat","concat","React","isValidElement","cloneElement","className","mergeClasses","previewHeaderExtraClassNames","mediaChild"],"mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAC0C;wCACpB;AAUtC,MAAMA,4BAA4B,CAACC,OAAOC;IAC/C,IAAIC;IACJ,MAAM,EACJC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACN,GAAGP;IACJ,MAAMQ,UAAUC,IAAAA,sBAAK,EAAC;IACtB,MAAMC,QAAQ;QACZC,YAAY;YACVC,MAAM;YACNT,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAK,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,OAAO;YAC7Cd;YACA,GAAGD,KAAK;QACV,IAAI;YACFgB,aAAa;QACf;QACAb,SAASU,qBAAI,CAACI,QAAQ,CAACd,SAAS;YAC9Ba,aAAa;QACf;QACAX,UAAUQ,qBAAI,CAACI,QAAQ,CAACZ,UAAU;YAChCW,aAAa;QACf;QACAV,OAAOO,qBAAI,CAACC,MAAM,CAACR,OAAO;YACxBY,cAAc;gBACZd;YACF;YACAY,aAAa;QACf;QACAT,OAAOM,qBAAI,CAACI,QAAQ,CAACV,OAAO;YAC1BW,cAAc;gBACZC,IAAIX;YACN;YACAQ,aAAa;QACf;IACF;IACA,IAAI,AAACd,CAAAA,eAAeQ,MAAMH,KAAK,AAAD,MAAO,QAAQL,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaiB,EAAE,EAAE;QAC/F,IAAIC;QACJ,IAAIC;QACJX,MAAMJ,KAAK,CAAC,mBAAmB,GAAG,AAACe,CAAAA,sCAAsC,AAACD,CAAAA,+BAA+BV,MAAMJ,KAAK,CAAC,mBAAmB,AAAD,MAAO,QAAQc,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BE,MAAM,CAACZ,MAAMH,KAAK,CAACY,EAAE,CAAA,MAAO,QAAQE,wCAAwC,KAAK,IAAIA,sCAAsCX,MAAMH,KAAK,CAACY,EAAE;IACjX;IACA,IAAIT,MAAMH,KAAK,kBAAIgB,OAAMC,cAAc,CAACd,MAAMH,KAAK,CAACH,QAAQ,GAAG;QAC7DM,MAAMH,KAAK,CAACH,QAAQ,iBAAGmB,OAAME,YAAY,CAACf,MAAMH,KAAK,CAACH,QAAQ,EAAE;YAC9DsB,WAAWC,IAAAA,6BAAY,EAACjB,MAAMH,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAAC0B,SAAS,EAAEE,oDAA4B,CAACC,UAAU;QACvG;IACF;IACA,OAAOnB;AACT,GACA,4CAA4C"}
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles';\nimport type { PreviewHeaderProps, PreviewHeaderState } from './PreviewHeader.types';\n\n/**\n * Create the state required to render PreviewHeader.\n *\n * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,\n * before being passed to renderPreviewHeader_unstable.\n *\n * @param props - props from this instance of PreviewHeader\n * @param ref - reference to root HTMLElement of PreviewHeader\n */\nexport const usePreviewHeader_unstable = (\n  props: PreviewHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewHeaderState => {\n  const { actions, children, citation, label, media } = props;\n\n  const mediaId = useId('media');\n\n  const state: PreviewHeaderState = {\n    components: {\n      root: 'div',\n      actions: 'div',\n      citation: 'span',\n      label: 'span',\n      media: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    actions: slot.optional(actions, { elementType: 'div' }),\n    citation: slot.optional(citation, { elementType: 'span' }),\n    label: slot.always(label, {\n      defaultProps: {\n        children,\n      },\n      elementType: 'span',\n    }),\n    media: slot.optional(media, {\n      defaultProps: {\n        id: mediaId,\n      },\n      elementType: 'div',\n    }),\n  };\n\n  if (state.media?.id) {\n    state.label['aria-describedby'] = state.label['aria-describedby']?.concat(state.media.id) ?? state.media.id;\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, previewHeaderExtraClassNames.mediaChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["state","_state_media","actions","components","root","media","slot","ref","props","elementType","citation","defaultProps","children","mediaId","className","mergeClasses","previewHeaderExtraClassNames","_state_label_ariadescribedby","_state_label_ariadescribedby_concat","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDMA;;;eAAAA;;;;iEArDiB;iCAC6C;wCACvB;MAmDvCA,4BAAAA,CAAAA,OAAAA;QAnCJC;UAEA,EAEAC,OAAMF,UACJG,UACEC;oBAIAC,IAAAA,sBAAO,EAAA;UACTL,QAAA;oBACMM;kBAEFC;qBACGC;sBAEL;mBAAEC;mBAAmB;;mCAEWA,CAAAA,MAAAA,CAAAA,IAAAA,yCAAa,EAAA,OAAA;;eAC/CC,KAAAA;;yBAAwD;;iBAEtDC,qBAAAA,CAAAA,QAAc,CAAAT,SAAA;yBACZU;;kBAEFH,qBAAAA,CAAAA,QAAa,CAAAC,UAAA;yBACf;;oCAEEC,CAAAA,MAAAA,CAAAA,OAAc;0BACRE;;;yBAGR;QACF;QAEAR,OAAIL,qBAAAA,CAAAA,QAAAA,CAAAA,OAAMK;0BAC0BL;oBAAAA;;YACpCS,aAAA;QAEA;;wBAEIK,MAAWC,KAAAA,MAAaf,QAAWC,iBAAgBa,KAAAA,IAAS,KAAEE,IAAAA,aAAAA,EAAAA,EAAAA;YAChEC;QACF,IAAAC;QAEAlB,MAAAmB,KAAOnB,CAAAA,mBAAAA,GAAAA,CAAAA,sCAAAA,CAAAA,+BAAAA,MAAAA,KAAAA,CAAAA,mBAAAA,MAAAA,QAAAA,iCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,6BAAAA,MAAAA,CAAAA,MAAAA,KAAAA,CAAAA,EAAAA,CAAAA,MAAAA,QAAAA,wCAAAA,KAAAA,IAAAA,sCAAAA,MAAAA,KAAAA,CAAAA,EAAAA;IACP"}

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewHeaderStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nexport const previewHeaderClassNames = {\n  root: 'fai-PreviewHeader',\n  actions: 'fai-PreviewHeader__actions',\n  citation: 'fai-PreviewHeader__citation',\n  label: 'fai-PreviewHeader__label',\n  media: 'fai-PreviewHeader__media'\n};\nexport const previewHeaderExtraClassNames = {\n  mediaChild: 'fai-PreviewHeader__mediaChild'\n};\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\nconst useActionsBaseClassName = __resetStyles(\"r1vsmujd\", null, [\".r1vsmujd{grid-area:actions;justify-self:end;}\"]);\nconst useCitationBaseClassName = __resetStyles(\"r1ndcjgs\", null, [\".r1ndcjgs{grid-area:citation;}\"]);\nconst useLabelBaseClassName = __resetStyles(\"rctmm17\", null, [\".rctmm17{align-self:start;display:-webkit-box;grid-area:label;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}\"]);\nconst useMediaBaseClassName = __resetStyles(\"rmteimt\", null, [\".rmteimt{grid-area:media;height:16px;line-height:0;width:16px;}\", \".rmteimt>.fai-PreviewHeader__mediaChild{height:16px;width:16px;}\"]);\nconst useRootBaseClassName = __resetStyles(\"r1p46sa7\", null, [\".r1p46sa7{align-items:center;column-gap:var(--spacingHorizontalXS);display:grid;grid-template-areas:\\\"citation media label actions\\\" \\\".        .     label .\\\";grid-template-columns:min-content 16px 1fr min-content;grid-template-rows:24px auto;}\"]);\n/**\n * Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = state => {\n  const actionsBaseClassName = useActionsBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const labelBaseClassName = useLabelBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, state.root.className);\n  if (state.actions) {\n    state.actions.className = mergeClasses(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);\n  }\n  if (state.citation) {\n    state.citation.className = mergeClasses(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);\n  }\n  state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n  if (state.media) {\n    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n  }\n  return state;\n};\n//# sourceMappingURL=usePreviewHeaderStyles.js.map"],"names":["previewHeaderClassNames","previewHeaderExtraClassNames","usePreviewHeaderStyles_unstable","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","__resetStyles","useCitationBaseClassName","useLabelBaseClassName","useMediaBaseClassName","useRootBaseClassName","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAOAC,4BAA4B;eAA5BA;;IAaAC,+BAA+B;eAA/BA;;;iCArByD;AAC/D,MAAMF,0BAA0B;IACrCG,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,OAAO;AACT;AACO,MAAMN,+BAA+B;IAC1CO,YAAY;AACd;AACA,MAAMC,gBAAgBC,iCAAgB,CAACC,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBH,iCAAgB,CAACC,cAAc,CAACG,UAAU;AAClE,MAAMC,0BAA0BC,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAiD;AAClH,MAAMC,2BAA2BD,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAiC;AACnG,MAAME,wBAAwBF,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAA4X;AAC1b,MAAMG,wBAAwBH,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;IAAmE;CAAmE;AACpM,MAAMI,uBAAuBJ,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAwP;AAI/S,MAAMd,kCAAkCmB,CAAAA;IAC7C,MAAMC,uBAAuBP;IAC7B,MAAMQ,wBAAwBN;IAC9B,MAAMO,qBAAqBN;IAC3B,MAAMO,qBAAqBN;IAC3B,MAAMO,oBAAoBN;IAC1BC,MAAMlB,IAAI,CAACwB,SAAS,GAAGC,IAAAA,6BAAY,EAAC5B,wBAAwBG,IAAI,EAAEuB,mBAAmBL,MAAMlB,IAAI,CAACwB,SAAS;IACzG,IAAIN,MAAMjB,OAAO,EAAE;QACjBiB,MAAMjB,OAAO,CAACuB,SAAS,GAAGC,IAAAA,6BAAY,EAAC5B,wBAAwBI,OAAO,EAAEkB,sBAAsBD,MAAMjB,OAAO,CAACuB,SAAS;IACvH;IACA,IAAIN,MAAMhB,QAAQ,EAAE;QAClBgB,MAAMhB,QAAQ,CAACsB,SAAS,GAAGC,IAAAA,6BAAY,EAAC5B,wBAAwBK,QAAQ,EAAEkB,uBAAuBF,MAAMhB,QAAQ,CAACsB,SAAS;IAC3H;IACAN,MAAMf,KAAK,CAACqB,SAAS,GAAGC,IAAAA,6BAAY,EAAC5B,wBAAwBM,KAAK,EAAEkB,oBAAoBH,MAAMf,KAAK,CAACqB,SAAS;IAC7G,IAAIN,MAAMd,KAAK,EAAE;QACfc,MAAMd,KAAK,CAACoB,SAAS,GAAGC,IAAAA,6BAAY,EAAC5B,wBAAwBO,KAAK,EAAEkB,oBAAoBJ,MAAMd,KAAK,CAACoB,SAAS;IAC/G;IACA,OAAON;AACT,GACA,kDAAkD"}
+{"version":3,"sources":["usePreviewHeaderStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n  root: 'fai-PreviewHeader',\n  actions: 'fai-PreviewHeader__actions',\n  citation: 'fai-PreviewHeader__citation',\n  label: 'fai-PreviewHeader__label',\n  media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n  mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n  gridArea: 'actions',\n  justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n  gridArea: 'citation',\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n  alignSelf: 'start',\n  display: '-webkit-box',\n  gridArea: 'label',\n  overflowY: 'hidden',\n  // 16px is the height of the tallest element within the preview header\n  paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n  wordBreak: 'break-word',\n\n  '-webkit-box-orient': 'vertical',\n  '-webkit-line-clamp': '2',\n\n  ...typographyStyles.caption1Strong,\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  gridArea: 'media',\n  height: '16px',\n  lineHeight: 0,\n  width: '16px',\n\n  [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n    height: '16px',\n    width: '16px',\n  },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  columnGap: tokens.spacingHorizontalXS,\n  display: 'grid',\n  gridTemplateAreas: `\n      \"citation media label actions\"\n      \".        .     label .\"\n    `,\n  gridTemplateColumns: 'min-content 16px 1fr min-content',\n  gridTemplateRows: '24px auto',\n});\n\n/**\n * Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n  const actionsBaseClassName = useActionsBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const labelBaseClassName = useLabelBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.actions) {\n    state.actions.className = mergeClasses(\n      previewHeaderClassNames.actions,\n      actionsBaseClassName,\n      state.actions.className,\n    );\n  }\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(\n      previewHeaderClassNames.citation,\n      citationBaseClassName,\n      state.citation.className,\n    );\n  }\n\n  state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  return state;\n};\n"],"names":["previewHeaderClassNames","previewHeaderExtraClassNames","alignSelf","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","makeResetStyles","gridArea","__resetStyles","justifySelf","useMediaBaseClassName","useCitationBaseClassName","state","display","overflowY","useLabelBaseClassName","mediaBaseClassName","paddingTop","useRootBaseClassName","wordBreak","mergeClasses","rootBaseClassName","className","actionsBaseClassName","citationBaseClassName","height","labelBaseClassName","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAQAC,4BAAAA;eAAAA;;IAiBXC,+BAAW;eAAXA;;;iCA7B8D;AAIzD,MAAMF,0BAA8D;UACzEG;aACAC;cACAC;WACAC;WACAC;AACF;AAEO,MAAMN,+BAA+B;gBAC1CO;AACF;AAEA,MAAMC,gBAAgBC,iCAAAA,CAAiBC,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBH,iCAAAA,CAAiBC,cAAc,CAACG,UAAU;AAElE,MAAMC,0BAA0BC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;CAAA;MAC9CC,2BAAUC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MACVC,wBAAaD,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AACf,MAAAE,wBAAAF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAEA,MAAMG,uBAAAA,IAAAA,8BAA2BL,EAAAA,YAAgB,MAAA;IAAA;CAAA;AAK/Cd,MAAAA,kCAAWoB,CAAAA;UACXC,uBAASR;UACTE,wBAAUI;UACVG,qBAAWC;UACXC,qBAAAN;UACAO,oBAAaC;UACbC,IAAAA,CAAAA,SAAW,GAAAC,IAAAA,6BAAA,EAAA9B,wBAAAG,IAAA,EAAA4B,mBAAAT,MAAAnB,IAAA,CAAA6B,SAAA;QAEXV,MAAAlB,OAAA,EAAA;QACAkB,MAAAlB,OAAA,CAAA4B,SAAsB,GAAAF,IAAAA,6BAAA,EAAA9B,wBAAAI,OAAA,EAAA6B,sBAAAX,MAAAlB,OAAA,CAAA4B,SAAA;;IAGxB,IAAAV,MAAAjB,QAAA,EAAA;QAEAiB,MAAMF,QAAAA,CAAAA,SAAAA,GAAwBJ,IAAAA,6BAAAA,EAAAA,wBAAgBX,QAAA,EAAA6B,uBAAAZ,MAAAjB,QAAA,CAAA2B,SAAA;;UAE5CG,KAAQ,CAAAH,SAAA,GAAAF,IAAAA,6BAAA,EAAA9B,wBAAAM,KAAA,EAAA8B,oBAAAd,MAAAhB,KAAA,CAAA0B,SAAA;QACRlB,MAAAA,KAAY,EAAA;QACZuB,MAAAA,KAAO,CAAAL,SAAA,GAAAF,IAAAA,6BAAA,EAAA9B,wBAAAO,KAAA,EAAAmB,oBAAAJ,MAAAf,KAAA,CAAAyB,SAAA;;WAGLG;qDAEF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewMetadata.js"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewMetadata_unstable } from './usePreviewMetadata';\nimport { renderPreviewMetadata_unstable } from './renderPreviewMetadata';\nimport { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles';\nexport const PreviewMetadata = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePreviewMetadata_unstable(props, ref);\n  usePreviewMetadataStyles_unstable(state);\n  return renderPreviewMetadata_unstable(state);\n});\nPreviewMetadata.displayName = 'PreviewMetadata';\n//# sourceMappingURL=PreviewMetadata.js.map"],"names":["PreviewMetadata","React","forwardRef","props","ref","state","usePreviewMetadata_unstable","usePreviewMetadataStyles_unstable","renderPreviewMetadata_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;oCACqB;uCACG;0CACG;AAC3C,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,2DAAiC,EAACF;IAClC,OAAOG,IAAAA,qDAA8B,EAACH;AACxC;AACAL,gBAAgBS,WAAW,GAAG,mBAC9B,2CAA2C"}
+{"version":3,"sources":["PreviewMetadata.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewMetadata_unstable } from './usePreviewMetadata';\nimport { renderPreviewMetadata_unstable } from './renderPreviewMetadata';\nimport { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles';\nimport type { PreviewMetadataProps } from './PreviewMetadata.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewMetadata: ForwardRefComponent<PreviewMetadataProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewMetadata_unstable(props, ref);\n\n  usePreviewMetadataStyles_unstable(state);\n  return renderPreviewMetadata_unstable(state);\n});\n\nPreviewMetadata.displayName = 'PreviewMetadata';\n"],"names":["PreviewMetadata","React","forwardRef","props","state","usePreviewMetadata_unstable","usePreviewMetadataStyles_unstable","renderPreviewMetadata_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;oCACqB;uCACG;0CACG;AAI3C,MAAMA,kBAAAA,WAAAA,GAAAA,OAA6DC,UAAMC,CAAU,CAACC,OAACA;UAC1FC,QAAMA,IAAAA,+CAAQC,EAAAA,OAA4BF;mEAE1CG,EAAAA;WACAC,IAAAA,qDAAOA,EAAAA;AACT;AAEAP,gBAAgBQ,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewMetadata.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewMetadata.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}
+{"version":3,"sources":["PreviewMetadata.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewMetadataSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * Icon slot in the metadata displayed after all text.\n   */\n  icon: Slot<'span'>;\n\n  /**\n   * First text displayed in the metadata.\n   */\n  primaryText: Slot<'span'>;\n\n  /**\n   * Second text displayed in the metadata.\n   */\n  secondaryText: Slot<'span'>;\n\n  /**\n   * Third text displayed in the metadata.\n   */\n  tertiaryText: Slot<'span'>;\n};\n\n/**\n * PreviewMetadata Props\n */\nexport type PreviewMetadataProps = ComponentProps<Partial<PreviewMetadataSlots>>;\n\n/**\n * State used in rendering PreviewMetadata\n */\nexport type PreviewMetadataState = ComponentState<PreviewMetadataSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AA+BA;;CAEC"}

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

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