@fluentui-copilot/react-preview 0.4.1 → 0.4.3

package/CHANGELOG.json

@@ -2,7 +2,55 @@
   "name": "@fluentui-copilot/react-preview",
   "entries": [
     {
-      "date": "Tue, 30 Apr 2024 20:54:47 GMT",
+      "date": "Fri, 31 May 2024 18:42:05 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.4.3",
+      "version": "0.4.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "dbd9212bded202a2b958699fdaacf75e864b3dbb",
+            "comment": "feat: Enabling new model where mouse over before a click on triggers navigates to links while touch still opens Preview component."
+          },
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "c2e14c44cafafbdc10f52b9855384748a7524a63",
+            "comment": "chore: add eslint-plugin-react-compiler"
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "7583464747aec7a8a79a8c79eaeff85d749025e4",
+            "comment": "chore: bump @fluentui dependencies to latest 9.52.0."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "6df44dbcd267772e1b62426d14abe54a0b35bb97",
+            "comment": "chore: useStyle hook files now properly contain .styles. within filename."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 May 2024 22:10:20 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.4.2",
+      "version": "0.4.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "sarah.higley@microsoft.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "44f1da0736caf911d7d9f2d7a30b4e983a5a8b2e",
+            "comment": "chore: bump @fluentui/react-components to latest, 9.49.2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Apr 2024 20:55:43 GMT",
       "tag": "@fluentui-copilot/react-preview_v0.4.1",
       "version": "0.4.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui-copilot/react-preview
 
-This log was last generated on Tue, 30 Apr 2024 20:54:47 GMT and should not be manually modified.
+This log was last generated on Fri, 31 May 2024 18:42:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.4.3)
+
+Fri, 31 May 2024 18:42:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.4.2..@fluentui-copilot/react-preview_v0.4.3)
+
+### Patches
+
+- feat: Enabling new model where mouse over before a click on triggers navigates to links while touch still opens Preview component. ([PR #1645](https://github.com/microsoft/fluentai/pull/1645) by Humberto.Morimoto@microsoft.com)
+- chore: add eslint-plugin-react-compiler ([PR #1642](https://github.com/microsoft/fluentai/pull/1642) by seanmonahan@microsoft.com)
+- chore: bump @fluentui dependencies to latest 9.52.0. ([PR #1657](https://github.com/microsoft/fluentai/pull/1657) by tristan.watanabe@gmail.com)
+- chore: useStyle hook files now properly contain .styles. within filename. ([PR #1671](https://github.com/microsoft/fluentai/pull/1671) by tristan.watanabe@gmail.com)
+
+## [0.4.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.4.2)
+
+Wed, 08 May 2024 22:10:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.4.1..@fluentui-copilot/react-preview_v0.4.2)
+
+### Patches
+
+- chore: bump @fluentui/react-components to latest, 9.49.2 ([PR #1614](https://github.com/microsoft/fluentai/pull/1614) by sarah.higley@microsoft.com)
+
 ## [0.4.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.4.1)
 
-Tue, 30 Apr 2024 20:54:47 GMT 
+Tue, 30 Apr 2024 20:55:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.4.0..@fluentui-copilot/react-preview_v0.4.1)
 
 ### Patches

package/lib/components/Preview/usePreview.js

@@ -40,6 +40,7 @@ export const usePreview_unstable = props => {
     openByHoverOverPopover: false,
     openByKeyboard: false
   });
+  const triggerMousedOver = React.useRef(false);
   const isOpen = () => {
     return previewInternalState.openByClick || previewInternalState.openByHoverOverTrigger || previewInternalState.openByHoverOverPopover || previewInternalState.openByKeyboard;
   };
@@ -70,6 +71,7 @@ export const usePreview_unstable = props => {
   if (popoverSurface && popoverTrigger) {
     const handleTriggerTargetEnter = e => {
       previewInternalState.openByHoverOverTrigger = true;
+      triggerMousedOver.current = true;
       // We want to disable auto focus only if the popover is being opened by hovering over the trigger
       if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {
         setDisableAutoFocus(true);
@@ -83,6 +85,7 @@ export const usePreview_unstable = props => {
     };
     const handleTriggerTargetLeave = e => {
       previewInternalState.openByHoverOverTrigger = false;
+      triggerMousedOver.current = false;
       setTimeout(() => {
         setIsPopoverOpen(isOpen());
         // We want to call onOpenChange only if the popover is actually closing when leaving the trigger
@@ -105,6 +108,13 @@ export const usePreview_unstable = props => {
       previewInternalState.openByHoverOverTrigger = false;
       previewInternalState.openByHoverOverPopover = false;
       previewInternalState.openByKeyboard = false;
+      // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.
+      if (triggerMousedOver.current) {
+        previewInternalState.openByClick = false;
+        triggerMousedOver.current = false;
+      } else {
+        e.preventDefault();
+      }
       if (!tmpOpenByHoverOverTrigger) {
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
           open: previewInternalState.openByClick

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

@@ -1 +1 @@
-{"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":["React","Enter","Escape","mergeCallbacks","useFluent","useId","useIsomorphicLayoutEffect","usePopover_unstable","useTimeout","addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","usePreview_unstable","props","onOpenChange","open","unstable_disableAutoFocus","children","Children","toArray","targetDocument","setTimeout","clearTimeout","disableAutoFocus","setDisableAutoFocus","useState","current","previewInternalState","useRef","openByClick","openByHoverOverTrigger","openByHoverOverPopover","openByKeyboard","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","popoverTrigger","undefined","popoverSurface","length","popoverSurfaceId","id","closeCallback","useEffect","handleTriggerTargetEnter","e","handleTriggerTargetLeave","handleTriggerClick","tmpOpenByHoverOverTrigger","handleTriggerKeyDown","key","preventDefault","handlePopoverTargetEnter","handlePopoverTargetLeave","cloneElement","onBlur","onClick","onKeyDown","onMouseEnter","onMouseLeave","onFocus","onDocumentKeyDown","openedByHover","stopPropagation","addEventListener","capture","removeEventListener","onPopoverOpenChange","data","resolvedChildren","popoverState","isPreviewLocked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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  const triggerMousedOver = React.useRef(false);\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      triggerMousedOver.current = 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      triggerMousedOver.current = false;\n\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      // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.\n      if (triggerMousedOver.current) {\n        previewInternalState.openByClick = false;\n        triggerMousedOver.current = false;\n      }\n      // If it was not moused over, we want to prevent the default click action from opening a link, so the preview can open first\n      else {\n        e.preventDefault();\n      }\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":["React","Enter","Escape","mergeCallbacks","useFluent","useId","useIsomorphicLayoutEffect","usePopover_unstable","useTimeout","addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","usePreview_unstable","props","onOpenChange","open","unstable_disableAutoFocus","children","Children","toArray","targetDocument","setTimeout","clearTimeout","disableAutoFocus","setDisableAutoFocus","useState","current","previewInternalState","useRef","openByClick","openByHoverOverTrigger","openByHoverOverPopover","openByKeyboard","triggerMousedOver","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","popoverTrigger","undefined","popoverSurface","length","popoverSurfaceId","id","closeCallback","useEffect","handleTriggerTargetEnter","e","handleTriggerTargetLeave","handleTriggerClick","tmpOpenByHoverOverTrigger","preventDefault","handleTriggerKeyDown","key","handlePopoverTargetEnter","handlePopoverTargetLeave","cloneElement","onBlur","onClick","onKeyDown","onMouseEnter","onMouseLeave","onFocus","onDocumentKeyDown","openedByHover","stopPropagation","addEventListener","capture","removeEventListener","onPopoverOpenChange","data","resolvedChildren","popoverState","isPreviewLocked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,KAAK,EAAEC,MAAM,QAAQ,0BAA0B;AACxD,SACEC,cAAc,EACdC,SAAS,EACTC,KAAK,EACLC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B;AACpC,SAASC,UAAU,QAAQ,4BAA4B;AAGvD,SAASC,uBAAuB,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,cAAc;AAUjH,MAAMC,2BAA2B;AACjC,MAAMC,8BAA8B;AAEpC,MAAMC,WAAW,CAACC;IAChB,IAAIA,SAAS,WAAWA,SAAS,QAAQ;QACvC,OAAOF;IACT;IAEA,OAAOD;AACT;AAIA;;;;;;;;CAQC,GACD,OAAO,MAAMI,sBAAsB,CAACC;IAClC,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAEC,yBAAyB,EAAE,GAAGH;IAE1D,MAAMI,WAAWrB,MAAMsB,QAAQ,CAACC,OAAO,CAACN,MAAMI,QAAQ;IAEtD,MAAM,EAAEG,cAAc,EAAE,GAAGpB;IAC3B,MAAM,CAACqB,YAAYC,aAAa,GAAGlB;IAEnC,MAAM,CAACmB,kBAAkBC,oBAAoB,GAAG5B,MAAM6B,QAAQ,CAAC;IAE/D,MAAM,EAAEC,SAASC,oBAAoB,EAAE,GAAG/B,MAAMgC,MAAM,CAAuB;QAC3EC,aAAa;QACbC,wBAAwB;QACxBC,wBAAwB;QACxBC,gBAAgB;IAClB;IACA,MAAMC,oBAAoBrC,MAAMgC,MAAM,CAAC;IAEvC,MAAMM,SAAS;QACb,OACEP,qBAAqBE,WAAW,IAChCF,qBAAqBG,sBAAsB,IAC3CH,qBAAqBI,sBAAsB,IAC3CJ,qBAAqBK,cAAc;IAEvC;IAEA,MAAM,CAACG,eAAeC,iBAAiB,GAAGxC,MAAM6B,QAAQ,CAAC;IACzD,MAAMY,sBAAsBzC,MAAMgC,MAAM,CAAC;IAEzC,IAAIU,iBAAiDC;IACrD,IAAIC,iBAAiDD;IACrD,IAAItB,SAASwB,MAAM,KAAK,GAAG;QACzBH,iBAAiBrB,QAAQ,CAAC,EAAE;QAC5BuB,iBAAiBvB,QAAQ,CAAC,EAAE;IAC9B,OAAO,IAAIA,SAASwB,MAAM,KAAK,GAAG;QAChCD,iBAAiBvB,QAAQ,CAAC,EAAE;IAC9B;IAEA,MAAMyB,mBAAmBzC,MAAM,mBAAmBuC,2BAAAA,qCAAAA,eAAgB3B,KAAK,CAAC8B,EAAE;IAE1E,MAAMC,gBAAgB;QACpBjB,qBAAqBE,WAAW,GAAG;QACnCF,qBAAqBG,sBAAsB,GAAG;QAC9CH,qBAAqBI,sBAAsB,GAAG;QAC9CJ,qBAAqBK,cAAc,GAAG;QACtCI,iBAAiBF;IACnB;IAEAtC,MAAMiD,SAAS,CAAC;QACd,OAAO;YACL,oHAAoH;YACpHtC,2BAA2BmC;QAC7B;IACF,GAAG;QAACA;KAAiB;IAErB,IAAIF,kBAAkBF,gBAAgB;QACpC,MAAMQ,2BAA2B,CAACC;YAChCpB,qBAAqBG,sBAAsB,GAAG;YAC9CG,kBAAkBP,OAAO,GAAG;YAE5B,iGAAiG;YACjG,IAAI,CAACC,qBAAqBE,WAAW,IAAI,CAACF,qBAAqBK,cAAc,IAAI,CAACG,eAAe;gBAC/FX,oBAAoB;gBACpBV,yBAAAA,mCAAAA,aAAeiC,GAAG;oBAAEhC,MAAM;gBAAK;gBAC/BT,8BAA8BoC;gBAC9BrC,wBAAwBqC,kBAAkBE;YAC5C;YAEAR,iBAAiBF;QACnB;QAEA,MAAMc,2BAA2B,CAACD;YAChCpB,qBAAqBG,sBAAsB,GAAG;YAC9CG,kBAAkBP,OAAO,GAAG;YAE5BL,WAAW;gBACTe,iBAAiBF;gBAEjB,gGAAgG;gBAChG,IACE,CAACP,qBAAqBE,WAAW,IACjC,CAACF,qBAAqBK,cAAc,IACpC,CAACL,qBAAqBI,sBAAsB,IAC5CI,eACA;oBACArB,yBAAAA,mCAAAA,aAAeiC,GAAG;wBAAEhC,MAAM;oBAAM;oBAChCR,2BAA2BmC;gBAC7B;YACF,GAAGhC,SAASqC,EAAEpC,IAAI;QACpB;QAEA,MAAMsC,qBAAqB,CAACF;YAC1B,qJAAqJ;YACrJV,oBAAoBX,OAAO,GAAG;YAE9B,uHAAuH;YACvHF,oBAAoB;YAEpB,MAAM0B,4BAA4BvB,qBAAqBG,sBAAsB;YAE7E,8GAA8G;YAC9GH,qBAAqBE,WAAW,GAAGF,qBAAqBK,cAAc,GAClE,QACA,CAACL,qBAAqBE,WAAW;YACrCF,qBAAqBG,sBAAsB,GAAG;YAC9CH,qBAAqBI,sBAAsB,GAAG;YAC9CJ,qBAAqBK,cAAc,GAAG;YAEtC,uHAAuH;YACvH,IAAIC,kBAAkBP,OAAO,EAAE;gBAC7BC,qBAAqBE,WAAW,GAAG;gBACnCI,kBAAkBP,OAAO,GAAG;YAC9B,OAEK;gBACHqB,EAAEI,cAAc;YAClB;YAEA,IAAI,CAACD,2BAA2B;gBAC9BpC,yBAAAA,mCAAAA,aAAeiC,GAAG;oBAAEhC,MAAMY,qBAAqBE,WAAW;gBAAC;YAC7D;YAEA,IAAI,CAACK,UAAU;gBACb3B,2BAA2BmC;YAC7B;YAEAN,iBAAiBF;QACnB;QAEA,MAAMkB,uBAAuB,CAACL;YAC5B,IAAIA,EAAEM,GAAG,KAAKxD,OAAO;gBACnByB;gBAEA,qGAAqG;gBACrGyB,EAAEI,cAAc;gBAEhB,0HAA0H;gBAC1H3B,oBAAoB;gBAEpB,MAAM0B,4BAA4BvB,qBAAqBG,sBAAsB;gBAE7E,wGAAwG;gBACxGH,qBAAqBK,cAAc,GAAGL,qBAAqBE,WAAW,GAClE,QACA,CAACF,qBAAqBK,cAAc;gBACxCL,qBAAqBE,WAAW,GAAG;gBACnCF,qBAAqBG,sBAAsB,GAAG;gBAC9CH,qBAAqBI,sBAAsB,GAAG;gBAE9C,IAAI,CAACmB,2BAA2B;oBAC9BpC,yBAAAA,mCAAAA,aAAeiC,GAAG;wBAAEhC,MAAMY,qBAAqBK,cAAc;oBAAC;gBAChE;gBAEA,IAAI,CAACE,UAAU;oBACb3B,2BAA2BmC;gBAC7B;gBAEAN,iBAAiBF;YACnB;QACF;QAEA,MAAMoB,2BAA2B,CAACP;YAChCpB,qBAAqBI,sBAAsB,GAAG;YAC9CK,iBAAiBF;QACnB;QAEA,MAAMqB,2BAA2B,CAACR;YAChCpB,qBAAqBI,sBAAsB,GAAG;YAC9CV,WAAW;gBACTe,iBAAiBF;gBAEjB,gGAAgG;gBAChG,IACE,CAACP,qBAAqBE,WAAW,IACjC,CAACF,qBAAqBK,cAAc,IACpC,CAACL,qBAAqBG,sBAAsB,EAC5C;oBACAhB,yBAAAA,mCAAAA,aAAeiC,GAAG;wBAAEhC,MAAM;oBAAM;oBAChCR,2BAA2BmC;gBAC7B;YACF,GAAGhC,SAASqC,EAAEpC,IAAI;QACpB;QAEA2B,iBAAiB1C,MAAM4D,YAAY,CAAClB,gBAAgB;YAClD,GAAGA,eAAezB,KAAK;YACvBI,UAAUrB,MAAM4D,YAAY,CAAClB,eAAezB,KAAK,CAACI,QAAQ,EAAwB;gBAChF,GAAGqB,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK;gBACtC4C,QAAQ1D,eAAeuC,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAAC4C,MAAM,EAAET;gBACnEU,SAAS3D,eAAeuC,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAAC6C,OAAO,EAAET;gBACrEU,WAAW5D,eAAeuC,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAAC8C,SAAS,EAAEP;gBACzEQ,cAAc7D,eAAeuC,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAAC+C,YAAY,EAAEd;gBAC/Ee,cAAc9D,eAAeuC,eAAezB,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAACgD,YAAY,EAAEb;YACjF;QACF;YAKIR;QAHJA,iBAAiB5C,MAAM4D,YAAY,CAAChB,gBAAgB;YAClD,GAAGA,eAAe3B,KAAK;YACvB,mBACE2B,CAAAA,CAAAA,uCAAAA,eAAe3B,KAAK,CAAC,kBAAkB,cAAvC2B,kDAAAA,uCAA2CA,eAAe3B,KAAK,CAAC,aAAa,AAAD,IAAI0B,YAAYG;YAC9FC,IAAID;YACJkB,cAAc7D,eAAeyC,eAAe3B,KAAK,CAAC+C,YAAY,EAAEN;YAChEO,cAAc9D,eAAeyC,eAAe3B,KAAK,CAACgD,YAAY,EAAEN;YAChEO,SAAS/D,eAAeyC,eAAe3B,KAAK,CAACiD,OAAO,EAAER;QACxD;IACF;IAEA,yEAAyE;IACzE,yGAAyG;IACzGpD,0BAA0B;QACxB,IAAIiC,eAAe;YACjB,MAAM4B,oBAAoB,CAAChB;gBACzB,MAAMiB,gBAAgB,CAACrC,qBAAqBE,WAAW,IAAI,CAACF,qBAAqBK,cAAc;gBAE/F,IAAIgC,iBAAiBjB,EAAEM,GAAG,KAAKvD,QAAQ;oBACrCwB;oBAEA,sEAAsE;oBACtEE,oBAAoB;oBACpBoB;oBACArC,2BAA2BmC;oBAE3B5B,yBAAAA,mCAAAA,aAAeiC,GAAmC;wBAAEhC,MAAM;oBAAM;oBAEhEgC,EAAEkB,eAAe;gBACnB;YACF;YAEA7C,2BAAAA,qCAAAA,eAAgB8C,gBAAgB,CAAC,WAAWH,mBAAmB;gBAAEI,SAAS;YAAK;YAE/E,OAAO;gBACL/C,2BAAAA,qCAAAA,eAAgBgD,mBAAmB,CAAC,WAAWL,mBAAmB;oBAAEI,SAAS;gBAAK;YACpF;QACF;IACF,GAAG;QAAC/C;QAAgBe;KAAc;IAElC,MAAMkC,sBAAsB,CAACtB,GAAsBuB;QACjD,IAAI,CAACjC,oBAAoBX,OAAO,EAAE;YAChC,wGAAwG;YACxG,IAAI,CAAC4C,KAAKvD,IAAI,EAAE;gBACdO;gBACAsB;gBACArC,2BAA2BmC;YAC7B;YAEA5B,yBAAAA,mCAAAA,aAAeiC,GAAGuB;QACpB;QAEAjC,oBAAoBX,OAAO,GAAG;IAChC;IAEA,IAAI6C,mBAAmBtD;IACvB,IAAIuB,gBAAgB;QAClB,IAAIF,gBAAgB;YAClBiC,mBAAmB;gBAACjC;gBAAgBE;aAAe;QACrD,OAAO;YACL+B,mBAAmB/B;QACrB;IACF;IAEA,MAAMgC,eAAerE,oBAAoB;QACvC,GAAGU,KAAK;QACRI,UAAUsD;QACVzD,cAAcuD;QACdtD,MAAMA,iBAAAA,kBAAAA,OAAQoB;QACdnB,2BAA2BA,sCAAAA,uCAAAA,4BAA6BO;IAC1D;IAEA,OAAO;QACL,GAAGiD,YAAY;QACfC,iBAAiB9C,qBAAqBE,WAAW,IAAIF,qBAAqBK,cAAc;IAC1F;AACF,EAAE"}

package/lib/components/PreviewContent/PreviewContent.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePreviewContent_unstable } from './usePreviewContent';
 import { renderPreviewContent_unstable } from './renderPreviewContent';
-import { usePreviewContentStyles_unstable } from './usePreviewContentStyles';
+import { usePreviewContentStyles_unstable } from './usePreviewContentStyles.styles';
 export const PreviewContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePreviewContent_unstable(props, ref);
   usePreviewContentStyles_unstable(state);

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

@@ -1 +1 @@
-{"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":["React","usePreviewContent_unstable","renderPreviewContent_unstable","usePreviewContentStyles_unstable","PreviewContent","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAI7E,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IACjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
+{"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.styles';\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":["React","usePreviewContent_unstable","renderPreviewContent_unstable","usePreviewContentStyles_unstable","PreviewContent","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAIpF,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IACjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

package/lib/components/PreviewContent/index.js

@@ -2,5 +2,5 @@ export * from './PreviewContent';
 export * from './PreviewContent.types';
 export * from './renderPreviewContent';
 export * from './usePreviewContent';
-export * from './usePreviewContentStyles';
+export * from './usePreviewContentStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewContent';\nexport * from './PreviewContent.types';\nexport * from './renderPreviewContent';\nexport * from './usePreviewContent';\nexport * from './usePreviewContentStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC"}

package/lib/components/PreviewContent/{usePreviewContentStyles.js → usePreviewContentStyles.styles.js}

@@ -10,8 +10,10 @@ const useRootBaseClassName = __resetStyles("r3uexl1", "rbb2gfj", [".r3uexl1{colo
  * Apply styling to the PreviewContent slots based on the state
  */
 export const usePreviewContentStyles_unstable = state => {
+  'use no memo';
+
   const rootBaseClassName = useRootBaseClassName();
   state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);
   return state;
 };
-//# sourceMappingURL=usePreviewContentStyles.js.map
+//# sourceMappingURL=usePreviewContentStyles.styles.js.map

package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContentStyles.styles.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  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","shorthands","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIjH,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBP,gBAAgB;IAC3CQ,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACf,GAAGT,WAAWU,OAAO,CAACT,OAAOU,gBAAgB,EAAEV,OAAOW,kBAAkB,CAAC;IACzEC,QAAQZ,OAAOa,iBAAiB;IAChCC,WAAW;IAEX,GAAGb,iBAAiBc,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBd;IAE1Ba,MAAMd,IAAI,CAACgB,SAAS,GAAGrB,aAAaI,yBAAyBC,IAAI,EAAEe,mBAAmBD,MAAMd,IAAI,CAACgB,SAAS;IAE1G,OAAOF;AACT,EAAE"}

package/lib/components/PreviewHeader/PreviewHeader.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePreviewHeader_unstable } from './usePreviewHeader';
 import { renderPreviewHeader_unstable } from './renderPreviewHeader';
-import { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles';
+import { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles.styles';
 export const PreviewHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePreviewHeader_unstable(props, ref);
   usePreviewHeaderStyles_unstable(state);

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

@@ -1 +1 @@
-{"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":["React","usePreviewHeader_unstable","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","PreviewHeader","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAI3E,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
+{"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.styles';\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":["React","usePreviewHeader_unstable","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","PreviewHeader","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/PreviewHeader/index.js

@@ -2,5 +2,5 @@ export * from './PreviewHeader';
 export * from './PreviewHeader.types';
 export * from './renderPreviewHeader';
 export * from './usePreviewHeader';
-export * from './usePreviewHeaderStyles';
+export * from './usePreviewHeaderStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewHeader';\nexport * from './PreviewHeader.types';\nexport * from './renderPreviewHeader';\nexport * from './usePreviewHeader';\nexport * from './usePreviewHeaderStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/PreviewHeader/usePreviewHeader.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';
-import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles';
+import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';
 /**
  * Create the state required to render PreviewHeader.
  *

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

@@ -1 +1 @@
-{"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":["React","getIntrinsicElementProps","mergeClasses","slot","useId","previewHeaderExtraClassNames","usePreviewHeader_unstable","props","ref","state","actions","children","citation","label","media","mediaId","components","root","always","elementType","optional","defaultProps","id","concat","isValidElement","cloneElement","className","mediaChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,4BAA4B,QAAQ,2BAA2B;AAGxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;QAqCIC;IAnCJ,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP;IAEtD,MAAMQ,UAAUX,MAAM;IAEtB,MAAMK,QAA4B;QAChCO,YAAY;YACVC,MAAM;YACNP,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAG,MAAMd,KAAKe,MAAM,CACfjB,yBAAyB,OAAO;YAC9BO;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBT,SAASP,KAAKiB,QAAQ,CAACV,SAAS;YAAES,aAAa;QAAM;QACrDP,UAAUT,KAAKiB,QAAQ,CAACR,UAAU;YAAEO,aAAa;QAAO;QACxDN,OAAOV,KAAKe,MAAM,CAACL,OAAO;YACxBQ,cAAc;gBACZV;YACF;YACAQ,aAAa;QACf;QACAL,OAAOX,KAAKiB,QAAQ,CAACN,OAAO;YAC1BO,cAAc;gBACZC,IAAIP;YACN;YACAI,aAAa;QACf;IACF;IAEA,KAAIV,eAAAA,MAAMK,KAAK,cAAXL,mCAAAA,aAAaa,EAAE,EAAE;YACeb;YAAAA;QAAlCA,MAAMI,KAAK,CAAC,mBAAmB,GAAGJ,CAAAA,uCAAAA,+BAAAA,MAAMI,KAAK,CAAC,mBAAmB,cAA/BJ,mDAAAA,6BAAiCc,MAAM,CAACd,MAAMK,KAAK,CAACQ,EAAE,eAAtDb,iDAAAA,sCAA2DA,MAAMK,KAAK,CAACQ,EAAE;IAC7G;IAEA,IAAIb,MAAMK,KAAK,IAAId,MAAMwB,cAAc,CAAcf,MAAMK,KAAK,CAACH,QAAQ,GAAG;QAC1EF,MAAMK,KAAK,CAACH,QAAQ,GAAGX,MAAMyB,YAAY,CAAChB,MAAMK,KAAK,CAACH,QAAQ,EAAE;YAC9De,WAAWxB,aAAaO,MAAMK,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAACmB,SAAS,EAAErB,6BAA6BsB,UAAU;QACvG;IACF;IAEA,OAAOlB;AACT,EAAE"}
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';\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":["React","getIntrinsicElementProps","mergeClasses","slot","useId","previewHeaderExtraClassNames","usePreviewHeader_unstable","props","ref","state","actions","children","citation","label","media","mediaId","components","root","always","elementType","optional","defaultProps","id","concat","isValidElement","cloneElement","className","mediaChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,4BAA4B,QAAQ,kCAAkC;AAG/E;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;QAqCIC;IAnCJ,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP;IAEtD,MAAMQ,UAAUX,MAAM;IAEtB,MAAMK,QAA4B;QAChCO,YAAY;YACVC,MAAM;YACNP,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAG,MAAMd,KAAKe,MAAM,CACfjB,yBAAyB,OAAO;YAC9BO;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBT,SAASP,KAAKiB,QAAQ,CAACV,SAAS;YAAES,aAAa;QAAM;QACrDP,UAAUT,KAAKiB,QAAQ,CAACR,UAAU;YAAEO,aAAa;QAAO;QACxDN,OAAOV,KAAKe,MAAM,CAACL,OAAO;YACxBQ,cAAc;gBACZV;YACF;YACAQ,aAAa;QACf;QACAL,OAAOX,KAAKiB,QAAQ,CAACN,OAAO;YAC1BO,cAAc;gBACZC,IAAIP;YACN;YACAI,aAAa;QACf;IACF;IAEA,KAAIV,eAAAA,MAAMK,KAAK,cAAXL,mCAAAA,aAAaa,EAAE,EAAE;YACeb;YAAAA;QAAlCA,MAAMI,KAAK,CAAC,mBAAmB,GAAGJ,CAAAA,uCAAAA,+BAAAA,MAAMI,KAAK,CAAC,mBAAmB,cAA/BJ,mDAAAA,6BAAiCc,MAAM,CAACd,MAAMK,KAAK,CAACQ,EAAE,eAAtDb,iDAAAA,sCAA2DA,MAAMK,KAAK,CAACQ,EAAE;IAC7G;IAEA,IAAIb,MAAMK,KAAK,IAAId,MAAMwB,cAAc,CAAcf,MAAMK,KAAK,CAACH,QAAQ,GAAG;QAC1EF,MAAMK,KAAK,CAACH,QAAQ,GAAGX,MAAMyB,YAAY,CAAChB,MAAMK,KAAK,CAACH,QAAQ,EAAE;YAC9De,WAAWxB,aAAaO,MAAMK,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAACmB,SAAS,EAAErB,6BAA6BsB,UAAU;QACvG;IACF;IAEA,OAAOlB;AACT,EAAE"}

package/lib/components/PreviewHeader/{usePreviewHeaderStyles.js → usePreviewHeaderStyles.styles.js}

@@ -20,6 +20,8 @@ const useRootBaseClassName = __resetStyles("r1p46sa7", null, [".r1p46sa7{align-i
  * Apply styling to the PreviewHeader slots based on the state
  */
 export const usePreviewHeaderStyles_unstable = state => {
+  'use no memo';
+
   const actionsBaseClassName = useActionsBaseClassName();
   const citationBaseClassName = useCitationBaseClassName();
   const labelBaseClassName = useLabelBaseClassName();
@@ -38,4 +40,4 @@ export const usePreviewHeaderStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=usePreviewHeaderStyles.js.map
+//# sourceMappingURL=usePreviewHeaderStyles.styles.js.map

package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeaderStyles.styles.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  'use no memo';\n\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":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridArea","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,OAAO;AACT,EAAE;AAEF,OAAO,MAAMC,+BAA+B;IAC1CC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAgBT,iBAAiBU,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBZ,iBAAiBU,cAAc,CAACG,UAAU;AAElE,MAAMC,0BAA0BjB,gBAAgB;IAC9CkB,UAAU;IACVC,aAAa;AACf;AAEA,MAAMC,2BAA2BpB,gBAAgB;IAC/CkB,UAAU;AACZ;AAEA,MAAMG,wBAAwBrB,gBAAgB;IAC5CsB,WAAW;IACXC,SAAS;IACTL,UAAU;IACVM,WAAW;IACX,sEAAsE;IACtEC,YAAY,CAAC,mBAAmB,EAAEV,gBAAgB,GAAG,EAAEH,cAAc,EAAE,CAAC;IACxEc,WAAW;IAEX,sBAAsB;IACtB,sBAAsB;IAEtB,GAAGvB,iBAAiBU,cAAc;AACpC;AAEA,MAAMc,wBAAwB3B,gBAAgB;IAC5CkB,UAAU;IACVU,QAAQ;IACRZ,YAAY;IACZa,OAAO;IAEP,CAAC,CAAC,GAAG,EAAEnB,6BAA6BC,UAAU,CAAC,CAAC,CAAC,EAAE;QACjDiB,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,uBAAuB9B,gBAAgB;IAC3C+B,YAAY;IACZC,WAAW9B,OAAO+B,mBAAmB;IACrCV,SAAS;IACTW,mBAAmB,CAAC;;;IAGlB,CAAC;IACHC,qBAAqB;IACrBC,kBAAkB;AACpB;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,uBAAuBtB;IAC7B,MAAMuB,wBAAwBpB;IAC9B,MAAMqB,qBAAqBpB;IAC3B,MAAMqB,qBAAqBf;IAC3B,MAAMgB,oBAAoBb;IAE1BQ,MAAMjC,IAAI,CAACuC,SAAS,GAAG3C,aAAaG,wBAAwBC,IAAI,EAAEsC,mBAAmBL,MAAMjC,IAAI,CAACuC,SAAS;IAEzG,IAAIN,MAAMhC,OAAO,EAAE;QACjBgC,MAAMhC,OAAO,CAACsC,SAAS,GAAG3C,aACxBG,wBAAwBE,OAAO,EAC/BiC,sBACAD,MAAMhC,OAAO,CAACsC,SAAS;IAE3B;IAEA,IAAIN,MAAM/B,QAAQ,EAAE;QAClB+B,MAAM/B,QAAQ,CAACqC,SAAS,GAAG3C,aACzBG,wBAAwBG,QAAQ,EAChCiC,uBACAF,MAAM/B,QAAQ,CAACqC,SAAS;IAE5B;IAEAN,MAAM9B,KAAK,CAACoC,SAAS,GAAG3C,aAAaG,wBAAwBI,KAAK,EAAEiC,oBAAoBH,MAAM9B,KAAK,CAACoC,SAAS;IAE7G,IAAIN,MAAM7B,KAAK,EAAE;QACf6B,MAAM7B,KAAK,CAACmC,SAAS,GAAG3C,aAAaG,wBAAwBK,KAAK,EAAEiC,oBAAoBJ,MAAM7B,KAAK,CAACmC,SAAS;IAC/G;IAEA,OAAON;AACT,EAAE"}

package/lib/components/PreviewMetadata/PreviewMetadata.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePreviewMetadata_unstable } from './usePreviewMetadata';
 import { renderPreviewMetadata_unstable } from './renderPreviewMetadata';
-import { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles';
+import { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';
 export const PreviewMetadata = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePreviewMetadata_unstable(props, ref);
   usePreviewMetadataStyles_unstable(state);

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

@@ -1 +1 @@
-{"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":["React","usePreviewMetadata_unstable","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","PreviewMetadata","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,6BAA6B;AAI/E,OAAO,MAAMC,gCAA6DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDJ,kCAAkCK;IAClC,OAAON,+BAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
+{"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.styles';\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":["React","usePreviewMetadata_unstable","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","PreviewMetadata","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,oCAAoC;AAItF,OAAO,MAAMC,gCAA6DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDJ,kCAAkCK;IAClC,OAAON,+BAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

package/lib/components/PreviewMetadata/index.js

@@ -2,5 +2,5 @@ export * from './PreviewMetadata';
 export * from './PreviewMetadata.types';
 export * from './renderPreviewMetadata';
 export * from './usePreviewMetadata';
-export * from './usePreviewMetadataStyles';
+export * from './usePreviewMetadataStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewMetadata';\nexport * from './PreviewMetadata.types';\nexport * from './renderPreviewMetadata';\nexport * from './usePreviewMetadata';\nexport * from './usePreviewMetadataStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}

package/lib/components/PreviewMetadata/{usePreviewMetadataStyles.js → usePreviewMetadataStyles.styles.js}

@@ -29,6 +29,8 @@ const useTextStyles = __styles({
  * Apply styling to the PreviewMetadata slots based on the state
  */
 export const usePreviewMetadataStyles_unstable = state => {
+  'use no memo';
+
   const rootBaseClassName = useRootBaseClassName();
   const iconBaseClassName = useIconBaseClassName();
   const textStyles = useTextStyles();
@@ -50,4 +52,4 @@ export const usePreviewMetadataStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=usePreviewMetadataStyles.js.map
+//# sourceMappingURL=usePreviewMetadataStyles.styles.js.map

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","previewMetadataClassNames","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","caption2","useIconBaseClassName","marginLeft","spacingHorizontalSNudge","verticalAlign","useTextStyles","subsequentText","position","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","usePreviewMetadataStyles_unstable","state","rootBaseClassName","iconBaseClassName","textStyles","className","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB,EAAE;AAEF,MAAMC,uBAAuBZ,gBAAgB;IAC3C,GAAGK,iBAAiBQ,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBd,gBAAgB;IAC3Ce,YAAYX,OAAOY,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBjB,WAAW;IAC/BkB,gBAAgB;QACdJ,YAAY,CAAC,KAAK,EAAEX,OAAOY,uBAAuB,CAAC,KAAK,CAAC;QACzDI,UAAU;QAEV,aAAa;YACX,GAAGjB,WAAWkB,UAAU,CAACjB,OAAOkB,eAAe,EAAE,SAASlB,OAAOmB,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQrB,iBAAiBQ,QAAQ,CAACc,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAExB,OAAOY,uBAAuB,CAAC,CAAC,CAAC;YACpDI,UAAU;YACVS,KAAK,CAAC,MAAM,EAAExB,iBAAiBQ,QAAQ,CAACiB,UAAU,CAAC,GAAG,EAAEzB,iBAAiBQ,QAAQ,CAACc,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMI,oCAAoC,CAACC;IAChD;IAEA,MAAMC,oBAAoBrB;IAC1B,MAAMsB,oBAAoBpB;IAC1B,MAAMqB,aAAajB;IAEnBc,MAAMzB,IAAI,CAAC6B,SAAS,GAAGlC,aAAaI,0BAA0BC,IAAI,EAAE0B,mBAAmBD,MAAMzB,IAAI,CAAC6B,SAAS;IAE3G,IAAIJ,MAAMxB,IAAI,EAAE;QACdwB,MAAMxB,IAAI,CAAC4B,SAAS,GAAGlC,aAAaI,0BAA0BE,IAAI,EAAE0B,mBAAmBF,MAAMxB,IAAI,CAAC4B,SAAS;IAC7G;IAEA,IAAIC,wBAAwB;IAE5B,IAAIL,MAAMvB,WAAW,EAAE;QACrBuB,MAAMvB,WAAW,CAAC2B,SAAS,GAAGlC,aAAaI,0BAA0BG,WAAW,EAAEuB,MAAMvB,WAAW,CAAC2B,SAAS;QAC7GC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMtB,aAAa,EAAE;QACvBsB,MAAMtB,aAAa,CAAC0B,SAAS,GAAGlC,aAC9BI,0BAA0BI,aAAa,EACvC2B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMtB,aAAa,CAAC0B,SAAS;QAE/BC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMrB,YAAY,EAAE;QACtBqB,MAAMrB,YAAY,CAACyB,SAAS,GAAGlC,aAC7BI,0BAA0BK,YAAY,EACtC0B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMrB,YAAY,CAACyB,SAAS;IAEhC;IAEA,OAAOJ;AACT,EAAE"}

package/lib/components/PreviewSurface/PreviewSurface.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePreviewSurface_unstable } from './usePreviewSurface';
 import { renderPreviewSurface_unstable } from './renderPreviewSurface';
-import { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles';
+import { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';
 export const PreviewSurface = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePreviewSurface_unstable(props, ref);
   usePreviewSurfaceStyles_unstable(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["React","usePreviewSurface_unstable","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","PreviewSurface","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAI7E,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IAEjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
+{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["React","usePreviewSurface_unstable","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","PreviewSurface","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAIpF,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IAEjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

package/lib/components/PreviewSurface/index.js

@@ -2,5 +2,5 @@ export * from './PreviewSurface';
 export * from './PreviewSurface.types';
 export * from './renderPreviewSurface';
 export * from './usePreviewSurface';
-export * from './usePreviewSurfaceStyles';
+export * from './usePreviewSurfaceStyles.styles';
 //# sourceMappingURL=index.js.map

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":[],"rangeMappings":";;;;","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.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC"}

package/lib/components/PreviewSurface/{usePreviewSurfaceStyles.js → usePreviewSurfaceStyles.styles.js}

@@ -20,9 +20,11 @@ const useRootStyles = __styles({
  * Apply styling to the PreviewSurface slots based on the state
  */
 export const usePreviewSurfaceStyles_unstable = state => {
+  'use no memo';
+
   const rootStyles = useRootStyles();
   state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
   usePopoverSurfaceStyles_unstable(state);
   return state;
 };
-//# sourceMappingURL=usePreviewSurfaceStyles.js.map
+//# sourceMappingURL=usePreviewSurfaceStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.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  'use no memo';\n\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;IAEA,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-commonjs/components/Preview/usePreview.js

@@ -34,6 +34,7 @@ const usePreview_unstable = (props)=>{
         openByHoverOverPopover: false,
         openByKeyboard: false
     });
+    const triggerMousedOver = _react.useRef(false);
     const isOpen = ()=>{
         return previewInternalState.openByClick || previewInternalState.openByHoverOverTrigger || previewInternalState.openByHoverOverPopover || previewInternalState.openByKeyboard;
     };
@@ -66,6 +67,7 @@ const usePreview_unstable = (props)=>{
     if (popoverSurface && popoverTrigger) {
         const handleTriggerTargetEnter = (e)=>{
             previewInternalState.openByHoverOverTrigger = true;
+            triggerMousedOver.current = true;
             // We want to disable auto focus only if the popover is being opened by hovering over the trigger
             if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !isPopoverOpen) {
                 setDisableAutoFocus(true);
@@ -79,6 +81,7 @@ const usePreview_unstable = (props)=>{
         };
         const handleTriggerTargetLeave = (e)=>{
             previewInternalState.openByHoverOverTrigger = false;
+            triggerMousedOver.current = false;
             setTimeout(()=>{
                 setIsPopoverOpen(isOpen());
                 // We want to call onOpenChange only if the popover is actually closing when leaving the trigger
@@ -101,6 +104,13 @@ const usePreview_unstable = (props)=>{
             previewInternalState.openByHoverOverTrigger = false;
             previewInternalState.openByHoverOverPopover = false;
             previewInternalState.openByKeyboard = false;
+            // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.
+            if (triggerMousedOver.current) {
+                previewInternalState.openByClick = false;
+                triggerMousedOver.current = false;
+            } else {
+                e.preventDefault();
+            }
             if (!tmpOpenByHoverOverTrigger) {
                 onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
                     open: previewInternalState.openByClick

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

@@ -1 +1 @@
-{"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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"}
+{"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  const triggerMousedOver = React.useRef(false);\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      triggerMousedOver.current = 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      triggerMousedOver.current = false;\n\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      // We set triggerMousedOver to false when clicking, since we just interacted with the trigger via click, and not hover.\n      if (triggerMousedOver.current) {\n        previewInternalState.openByClick = false;\n        triggerMousedOver.current = false;\n      }\n      // If it was not moused over, we want to prevent the default click action from opening a link, so the preview can open first\n      else {\n        e.preventDefault();\n      }\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","triggerMousedOver","React","useState","previewInternalState","useRef","isPopoverOpen","preventDefaultClose","undefined","popoverSurface","popoverTrigger","setIsPopoverOpen","useId","closeCallback","isOpen","popoverSurfaceId","id","removeOpenedByHoverPreview","useEffect","handleTriggerTargetEnter","e","closeAllOpenedByHoverPreviews","handleTriggerTargetLeave","current","handleTriggerClick","tmpOpenByHoverOverTrigger","preventDefault","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

@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _usePreviewContent = require("./usePreviewContent");
 const _renderPreviewContent = require("./renderPreviewContent");
-const _usePreviewContentStyles = require("./usePreviewContentStyles");
+const _usePreviewContentStylesstyles = require("./usePreviewContentStyles.styles");
 const PreviewContent = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _usePreviewContent.usePreviewContent_unstable)(props, ref);
-    (0, _usePreviewContentStyles.usePreviewContentStyles_unstable)(state);
+    (0, _usePreviewContentStylesstyles.usePreviewContentStyles_unstable)(state);
     return (0, _renderPreviewContent.renderPreviewContent_unstable)(state);
 });
 PreviewContent.displayName = 'PreviewContent'; //# sourceMappingURL=PreviewContent.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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.styles';\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;+CACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;uEAEzCG,EAAAA;WACAC,IAAAA,mDAAOA,EAAAA;AACT;AAEAP,eAAeQ,WAAW,GAAG"}

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

@@ -7,5 +7,5 @@ _export_star._(require("./PreviewContent"), exports);
 _export_star._(require("./PreviewContent.types"), exports);
 _export_star._(require("./renderPreviewContent"), exports);
 _export_star._(require("./usePreviewContent"), exports);
-_export_star._(require("./usePreviewContentStyles"), exports);
+_export_star._(require("./usePreviewContentStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewContent';\nexport * from './PreviewContent.types';\nexport * from './renderPreviewContent';\nexport * from './usePreviewContent';\nexport * from './usePreviewContentStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/PreviewContent/{usePreviewContentStyles.js → usePreviewContentStyles.styles.js}

@@ -27,7 +27,8 @@ const previewContentClassNames = {
     ".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);}"
 ]);
 const usePreviewContentStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseClassName = useRootBaseClassName();
     state.root.className = (0, _reactcomponents.mergeClasses)(previewContentClassNames.root, rootBaseClassName, state.root.className);
     return state;
-}; //# sourceMappingURL=usePreviewContentStyles.js.map
+}; //# sourceMappingURL=usePreviewContentStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContentStyles.styles.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  'use no memo';\n\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","rootBaseClassName","useRootBaseClassName","className","mergeClasses"],"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;;IAIlC,MAAAC,oBAAAC;IAEAF,MAAAJ,IAAA,CAAAO,SAAA,GAAAC,IAAAA,6BAAA,EAAAV,yBAAAE,IAAA,EAAAK,mBAAAD,MAAAJ,IAAA,CAAAO,SAAA;;6DAIE"}

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

@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _usePreviewHeader = require("./usePreviewHeader");
 const _renderPreviewHeader = require("./renderPreviewHeader");
-const _usePreviewHeaderStyles = require("./usePreviewHeaderStyles");
+const _usePreviewHeaderStylesstyles = require("./usePreviewHeaderStyles.styles");
 const PreviewHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _usePreviewHeader.usePreviewHeader_unstable)(props, ref);
-    (0, _usePreviewHeaderStyles.usePreviewHeaderStyles_unstable)(state);
+    (0, _usePreviewHeaderStylesstyles.usePreviewHeaderStyles_unstable)(state);
     return (0, _renderPreviewHeader.renderPreviewHeader_unstable)(state);
 });
 PreviewHeader.displayName = 'PreviewHeader'; //# sourceMappingURL=PreviewHeader.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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.styles';\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;8CACG;AAIzC,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;qEAExCG,EAAAA;WACAC,IAAAA,iDAAOA,EAAAA;AACT;AAEAP,cAAcQ,WAAW,GAAG"}

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

@@ -7,5 +7,5 @@ _export_star._(require("./PreviewHeader"), exports);
 _export_star._(require("./PreviewHeader.types"), exports);
 _export_star._(require("./renderPreviewHeader"), exports);
 _export_star._(require("./usePreviewHeader"), exports);
-_export_star._(require("./usePreviewHeaderStyles"), exports);
+_export_star._(require("./usePreviewHeaderStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewHeader';\nexport * from './PreviewHeader.types';\nexport * from './renderPreviewHeader';\nexport * from './usePreviewHeader';\nexport * from './usePreviewHeaderStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "usePreviewHeader_unstable", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
-const _usePreviewHeaderStyles = require("./usePreviewHeaderStyles");
+const _usePreviewHeaderStylesstyles = require("./usePreviewHeaderStyles.styles");
 const usePreviewHeader_unstable = (props, ref)=>{
     var _state_media;
     const { actions, children, citation, label, media } = props;
@@ -56,7 +56,7 @@ const usePreviewHeader_unstable = (props, ref)=>{
     }
     if (state.media && /*#__PURE__*/ _react.isValidElement(state.media.children)) {
         state.media.children = /*#__PURE__*/ _react.cloneElement(state.media.children, {
-            className: (0, _reactcomponents.mergeClasses)(state.media.children.props.className, _usePreviewHeaderStyles.previewHeaderExtraClassNames.mediaChild)
+            className: (0, _reactcomponents.mergeClasses)(state.media.children.props.className, _usePreviewHeaderStylesstyles.previewHeaderExtraClassNames.mediaChild)
         });
     }
     return state;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';\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;8CACvB;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 → usePreviewHeaderStyles.styles.js}

@@ -49,6 +49,7 @@ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1p46sa7", nul
     ".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;}"
 ]);
 const usePreviewHeaderStyles_unstable = (state)=>{
+    'use no memo';
     const actionsBaseClassName = useActionsBaseClassName();
     const citationBaseClassName = useCitationBaseClassName();
     const labelBaseClassName = useLabelBaseClassName();
@@ -66,4 +67,4 @@ const usePreviewHeaderStyles_unstable = (state)=>{
         state.media.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
     }
     return state;
-}; //# sourceMappingURL=usePreviewHeaderStyles.js.map
+}; //# sourceMappingURL=usePreviewHeaderStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeaderStyles.styles.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  'use no memo';\n\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","overflowY","citationBaseClassName","paddingTop","useLabelBaseClassName","wordBreak","rootBaseClassName","useRootBaseClassName","className","mergeClasses","actionsBaseClassName","height","width","labelBaseClassName","mediaBaseClassName"],"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;;UAGXC,uBAAWR;UACXS,wBAAAH;UACAI,qBAAaC;UACbC,qBAAWP;UAEXQ,oBAAsBC;UACtB1B,IAAA,CAAA2B,SAAA,GAAAC,IAAAA,6BAAsB,EAAA/B,wBAAAG,IAAA,EAAAyB,mBAAAN,MAAAnB,IAAA,CAAA2B,SAAA;QAEtBR,MAAGZ,OAAAA,EAAAA;QACLY,MAAAlB,OAAA,CAAA0B,SAAA,GAAAC,IAAAA,6BAAA,EAAA/B,wBAAAI,OAAA,EAAA4B,sBAAAV,MAAAlB,OAAA,CAAA0B,SAAA;IAEA;QACEb,MAAAA,QAAU,EAAA;QACVgB,MAAAA,QAAQ,CAAAH,SAAA,GAAAC,IAAAA,6BAAA,EAAA/B,wBAAAK,QAAA,EAAAmB,uBAAAF,MAAAjB,QAAA,CAAAyB,SAAA;;UAERI,KAAO,CAAAJ,SAAA,GAAAC,IAAAA,6BAAA,EAAA/B,wBAAAM,KAAA,EAAA6B,oBAAAb,MAAAhB,KAAA,CAAAwB,SAAA;QAELR,MAAKrB,KAAAA,EAAAA;cACLgC,KAAAA,CAAQH,SAAA,GAAAC,IAAAA,6BAAA,EAAA/B,wBAAAO,KAAA,EAAA6B,oBAAAd,MAAAf,KAAA,CAAAuB,SAAA;;WAEVR;AACF,GAEA,yDAA6C"}

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

@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _usePreviewMetadata = require("./usePreviewMetadata");
 const _renderPreviewMetadata = require("./renderPreviewMetadata");
-const _usePreviewMetadataStyles = require("./usePreviewMetadataStyles");
+const _usePreviewMetadataStylesstyles = require("./usePreviewMetadataStyles.styles");
 const PreviewMetadata = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _usePreviewMetadata.usePreviewMetadata_unstable)(props, ref);
-    (0, _usePreviewMetadataStyles.usePreviewMetadataStyles_unstable)(state);
+    (0, _usePreviewMetadataStylesstyles.usePreviewMetadataStyles_unstable)(state);
     return (0, _renderPreviewMetadata.renderPreviewMetadata_unstable)(state);
 });
 PreviewMetadata.displayName = 'PreviewMetadata'; //# sourceMappingURL=PreviewMetadata.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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.styles';\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;gDACG;AAI3C,MAAMA,kBAAAA,WAAAA,GAAAA,OAA6DC,UAAMC,CAAU,CAACC,OAACA;UAC1FC,QAAMA,IAAAA,+CAAQC,EAAAA,OAA4BF;yEAE1CG,EAAAA;WACAC,IAAAA,qDAAOA,EAAAA;AACT;AAEAP,gBAAgBQ,WAAW,GAAG"}

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

@@ -7,5 +7,5 @@ _export_star._(require("./PreviewMetadata"), exports);
 _export_star._(require("./PreviewMetadata.types"), exports);
 _export_star._(require("./renderPreviewMetadata"), exports);
 _export_star._(require("./usePreviewMetadata"), exports);
-_export_star._(require("./usePreviewMetadataStyles"), exports);
+_export_star._(require("./usePreviewMetadataStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewMetadata';\nexport * from './PreviewMetadata.types';\nexport * from './renderPreviewMetadata';\nexport * from './usePreviewMetadata';\nexport * from './usePreviewMetadataStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/PreviewMetadata/{usePreviewMetadataStyles.js → usePreviewMetadataStyles.styles.js}

@@ -81,6 +81,7 @@ const useTextStyles = (0, _reactcomponents.__styles)({
     ]
 });
 const usePreviewMetadataStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseClassName = useRootBaseClassName();
     const iconBaseClassName = useIconBaseClassName();
     const textStyles = useTextStyles();
@@ -101,4 +102,4 @@ const usePreviewMetadataStyles_unstable = (state)=>{
         state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
     }
     return state;
-}; //# sourceMappingURL=usePreviewMetadataStyles.js.map
+}; //# sourceMappingURL=usePreviewMetadataStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","useIconBaseClassName","caption2","useTextStyles","__styles","subsequentText","marginLeft","spacingHorizontalSNudge","verticalAlign","uvfttm","Bbv0w2i","makeStyles","position","shorthands","borderLeft","content","display","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAkCbC,iCAAA;eAAAA;;;iCAvCkB;AAKX,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC3CC,uBAAoBC,IAAAA,8BAAQ,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAC9B,MAAAC,gBAAAC,IAAAA,yBAAA,EAAA;IAEAC,gBAAMJ;QACJK,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAMP;YAAAA;YAAgBQ;SAAW;QAC/BN,SAAAA;YAAAA;YAAgB;SAAA;gBACdC;iBACAM;iBAEA;gBACE;YAAA;YAAGC;SAAWC;iBACdC;iBACAC;;;;;QAGU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAMhB,MAAAvB,oCAAAwB,CAAAA;;UAIEC,oBAAAnB;UAEAoB,oBAAMD;UACNE,aAAMD;UACNzB,IAAM0B,CAAAA,SAAAA,GAAajB,IAAAA,6BAAAA,EAAAA,0BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAEnBc,MAAMvB,IAAK2B,EAAAA;QAEXJ,MAAIA,IAAMtB,CAAAA,SAAM,GAAA2B,IAAAA,6BAAA,EAAA9B,0BAAAG,IAAA,EAAAwB,mBAAAF,MAAAtB,IAAA,CAAA0B,SAAA;;QAEhBE,wBAAA;QAEAN,MAAIM,WAAAA,EAAAA;QAEJN,MAAIA,WAAMrB,CAAAA,SAAa,GAAA0B,IAAAA,6BAAA,EAAA9B,0BAAAI,WAAA,EAAAqB,MAAArB,WAAA,CAAAyB,SAAA;gCACHA;;QAEpBJ,MAAApB,aAAA,EAAA;QAEAoB,MAAIA,aAAMpB,CAAAA,SAAe,GAAAyB,IAAAA,6BAAA,EAAA9B,0BAAAK,aAAA,EAAA0B,yBAAAH,WAAAf,cAAA,EAAAY,MAAApB,aAAA,CAAAwB,SAAA;gCACHA;;QAMtBJ,MAAAnB,YAAA,EAAA;QAEAmB,MAAIA,YAAMnB,CAAAA,SAAc,GAAAwB,IAAAA,6BAAA,EAAA9B,0BAAAM,YAAA,EAAAyB,yBAAAH,WAAAf,cAAA,EAAAY,MAAAnB,YAAA,CAAAuB,SAAA;;WAMxBJ;GAGF,2DAAE"}

package/lib-commonjs/components/PreviewSurface/PreviewSurface.js

@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _usePreviewSurface = require("./usePreviewSurface");
 const _renderPreviewSurface = require("./renderPreviewSurface");
-const _usePreviewSurfaceStyles = require("./usePreviewSurfaceStyles");
+const _usePreviewSurfaceStylesstyles = require("./usePreviewSurfaceStyles.styles");
 const PreviewSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _usePreviewSurface.usePreviewSurface_unstable)(props, ref);
-    (0, _usePreviewSurfaceStyles.usePreviewSurfaceStyles_unstable)(state);
+    (0, _usePreviewSurfaceStylesstyles.usePreviewSurfaceStyles_unstable)(state);
     return (0, _renderPreviewSurface.renderPreviewSurface_unstable)(state);
 });
 PreviewSurface.displayName = 'PreviewSurface'; //# sourceMappingURL=PreviewSurface.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["PreviewSurface","React","forwardRef","props","state","usePreviewSurface_unstable","usePreviewSurfaceStyles_unstable","renderPreviewSurface_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;WAEAC,IAAAA,mDAAOA,EAAAA;AACT;AAEAP,eAAeQ,WAAW,GAAG"}
+{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["PreviewSurface","React","forwardRef","props","state","usePreviewSurface_unstable","usePreviewSurfaceStyles_unstable","renderPreviewSurface_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;mCACoB;sCACG;+CACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;uEAEzCG,EAAAA;WAEAC,IAAAA,mDAAOA,EAAAA;AACT;AAEAP,eAAeQ,WAAW,GAAG"}

package/lib-commonjs/components/PreviewSurface/index.js

@@ -7,5 +7,5 @@ _export_star._(require("./PreviewSurface"), exports);
 _export_star._(require("./PreviewSurface.types"), exports);
 _export_star._(require("./renderPreviewSurface"), exports);
 _export_star._(require("./usePreviewSurface"), exports);
-_export_star._(require("./usePreviewSurfaceStyles"), exports);
+_export_star._(require("./usePreviewSurfaceStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

package/lib-commonjs/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":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/PreviewSurface/{usePreviewSurfaceStyles.js → usePreviewSurfaceStyles.styles.js}

@@ -46,8 +46,9 @@ const previewSurfaceClassNames = {
     ]
 });
 const usePreviewSurfaceStyles_unstable = (state)=>{
+    'use no memo';
     const rootStyles = useRootStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
     (0, _reactcomponents.usePopoverSurfaceStyles_unstable)(state);
     return state;
-}; //# sourceMappingURL=usePreviewSurfaceStyles.js.map
+}; //# sourceMappingURL=usePreviewSurfaceStyles.styles.js.map

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.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  'use no memo';\n\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":["previewSurfaceClassNames","root","base","__styles","maxWidth","shorthands","z8tnut","z189sj","Byoj8tv","useRootStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUaA,wBAAAA;eAAAA;;;;;;iCALqB;AAK3B,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACGC;QACLC,QAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAA;;;;;IAEC;;OAIC;QAAA;QAAmBC;QAAAA;QAAAA;QAAAA;KAAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,10 +16,10 @@
   },
   "peerDependencies": {
     "@fluentui/keyboard-keys": ">=9.0.7 <10.0.0",
-    "@fluentui/react-components": ">=9.49.0 <10.0.0",
-    "@fluentui/react-context-selector": ">=9.1.58 <10.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.36 <10.0.0",
-    "@fluentui/react-utilities": ">=9.18.7 <10.0.0",
+    "@fluentui/react-components": ">=9.52.0 <10.0.0",
+    "@fluentui/react-context-selector": ">=9.1.60 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.38 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.9 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",

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

@@ -1 +0,0 @@
-{"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":["makeResetStyles","mergeClasses","shorthands","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIjH,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBP,gBAAgB;IAC3CQ,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACf,GAAGT,WAAWU,OAAO,CAACT,OAAOU,gBAAgB,EAAEV,OAAOW,kBAAkB,CAAC;IACzEC,QAAQZ,OAAOa,iBAAiB;IAChCC,WAAW;IAEX,GAAGb,iBAAiBc,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAMC,oBAAoBd;IAE1Ba,MAAMd,IAAI,CAACgB,SAAS,GAAGrB,aAAaI,yBAAyBC,IAAI,EAAEe,mBAAmBD,MAAMd,IAAI,CAACgB,SAAS;IAE1G,OAAOF;AACT,EAAE"}

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

@@ -1 +0,0 @@
-{"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":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridArea","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,OAAO;AACT,EAAE;AAEF,OAAO,MAAMC,+BAA+B;IAC1CC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAgBT,iBAAiBU,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBZ,iBAAiBU,cAAc,CAACG,UAAU;AAElE,MAAMC,0BAA0BjB,gBAAgB;IAC9CkB,UAAU;IACVC,aAAa;AACf;AAEA,MAAMC,2BAA2BpB,gBAAgB;IAC/CkB,UAAU;AACZ;AAEA,MAAMG,wBAAwBrB,gBAAgB;IAC5CsB,WAAW;IACXC,SAAS;IACTL,UAAU;IACVM,WAAW;IACX,sEAAsE;IACtEC,YAAY,CAAC,mBAAmB,EAAEV,gBAAgB,GAAG,EAAEH,cAAc,EAAE,CAAC;IACxEc,WAAW;IAEX,sBAAsB;IACtB,sBAAsB;IAEtB,GAAGvB,iBAAiBU,cAAc;AACpC;AAEA,MAAMc,wBAAwB3B,gBAAgB;IAC5CkB,UAAU;IACVU,QAAQ;IACRZ,YAAY;IACZa,OAAO;IAEP,CAAC,CAAC,GAAG,EAAEnB,6BAA6BC,UAAU,CAAC,CAAC,CAAC,EAAE;QACjDiB,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,uBAAuB9B,gBAAgB;IAC3C+B,YAAY;IACZC,WAAW9B,OAAO+B,mBAAmB;IACrCV,SAAS;IACTW,mBAAmB,CAAC;;;IAGlB,CAAC;IACHC,qBAAqB;IACrBC,kBAAkB;AACpB;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAMC,uBAAuBtB;IAC7B,MAAMuB,wBAAwBpB;IAC9B,MAAMqB,qBAAqBpB;IAC3B,MAAMqB,qBAAqBf;IAC3B,MAAMgB,oBAAoBb;IAE1BQ,MAAMjC,IAAI,CAACuC,SAAS,GAAG3C,aAAaG,wBAAwBC,IAAI,EAAEsC,mBAAmBL,MAAMjC,IAAI,CAACuC,SAAS;IAEzG,IAAIN,MAAMhC,OAAO,EAAE;QACjBgC,MAAMhC,OAAO,CAACsC,SAAS,GAAG3C,aACxBG,wBAAwBE,OAAO,EAC/BiC,sBACAD,MAAMhC,OAAO,CAACsC,SAAS;IAE3B;IAEA,IAAIN,MAAM/B,QAAQ,EAAE;QAClB+B,MAAM/B,QAAQ,CAACqC,SAAS,GAAG3C,aACzBG,wBAAwBG,QAAQ,EAChCiC,uBACAF,MAAM/B,QAAQ,CAACqC,SAAS;IAE5B;IAEAN,MAAM9B,KAAK,CAACoC,SAAS,GAAG3C,aAAaG,wBAAwBI,KAAK,EAAEiC,oBAAoBH,MAAM9B,KAAK,CAACoC,SAAS;IAE7G,IAAIN,MAAM7B,KAAK,EAAE;QACf6B,MAAM7B,KAAK,CAACmC,SAAS,GAAG3C,aAAaG,wBAAwBK,KAAK,EAAEiC,oBAAoBJ,MAAM7B,KAAK,CAACmC,SAAS;IAC/G;IAEA,OAAON;AACT,EAAE"}

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePreviewMetadataStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","previewMetadataClassNames","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","caption2","useIconBaseClassName","marginLeft","spacingHorizontalSNudge","verticalAlign","useTextStyles","subsequentText","position","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","usePreviewMetadataStyles_unstable","state","rootBaseClassName","iconBaseClassName","textStyles","className","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB,EAAE;AAEF,MAAMC,uBAAuBZ,gBAAgB;IAC3C,GAAGK,iBAAiBQ,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBd,gBAAgB;IAC3Ce,YAAYX,OAAOY,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBjB,WAAW;IAC/BkB,gBAAgB;QACdJ,YAAY,CAAC,KAAK,EAAEX,OAAOY,uBAAuB,CAAC,KAAK,CAAC;QACzDI,UAAU;QAEV,aAAa;YACX,GAAGjB,WAAWkB,UAAU,CAACjB,OAAOkB,eAAe,EAAE,SAASlB,OAAOmB,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQrB,iBAAiBQ,QAAQ,CAACc,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAExB,OAAOY,uBAAuB,CAAC,CAAC,CAAC;YACpDI,UAAU;YACVS,KAAK,CAAC,MAAM,EAAExB,iBAAiBQ,QAAQ,CAACiB,UAAU,CAAC,GAAG,EAAEzB,iBAAiBQ,QAAQ,CAACc,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMI,oCAAoC,CAACC;IAChD,MAAMC,oBAAoBrB;IAC1B,MAAMsB,oBAAoBpB;IAC1B,MAAMqB,aAAajB;IAEnBc,MAAMzB,IAAI,CAAC6B,SAAS,GAAGlC,aAAaI,0BAA0BC,IAAI,EAAE0B,mBAAmBD,MAAMzB,IAAI,CAAC6B,SAAS;IAE3G,IAAIJ,MAAMxB,IAAI,EAAE;QACdwB,MAAMxB,IAAI,CAAC4B,SAAS,GAAGlC,aAAaI,0BAA0BE,IAAI,EAAE0B,mBAAmBF,MAAMxB,IAAI,CAAC4B,SAAS;IAC7G;IAEA,IAAIC,wBAAwB;IAE5B,IAAIL,MAAMvB,WAAW,EAAE;QACrBuB,MAAMvB,WAAW,CAAC2B,SAAS,GAAGlC,aAAaI,0BAA0BG,WAAW,EAAEuB,MAAMvB,WAAW,CAAC2B,SAAS;QAC7GC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMtB,aAAa,EAAE;QACvBsB,MAAMtB,aAAa,CAAC0B,SAAS,GAAGlC,aAC9BI,0BAA0BI,aAAa,EACvC2B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMtB,aAAa,CAAC0B,SAAS;QAE/BC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMrB,YAAY,EAAE;QACtBqB,MAAMrB,YAAY,CAACyB,SAAS,GAAGlC,aAC7BI,0BAA0BK,YAAY,EACtC0B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMrB,YAAY,CAACyB,SAAS;IAEhC;IAEA,OAAOJ;AACT,EAAE"}

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

@@ -1 +0,0 @@
-{"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-commonjs/components/PreviewContent/usePreviewContentStyles.js.map

@@ -1 +0,0 @@
-{"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/usePreviewHeaderStyles.js.map

@@ -1 +0,0 @@
-{"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/usePreviewMetadataStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePreviewMetadataStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","useIconBaseClassName","caption2","useTextStyles","__styles","subsequentText","marginLeft","spacingHorizontalSNudge","verticalAlign","uvfttm","Bbv0w2i","makeStyles","position","shorthands","borderLeft","content","display","state","iconBaseClassName","textStyles","rootBaseClassName","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAkCbC,iCAAA;eAAAA;;;iCAvCkB;AAKX,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC3CC,uBAAoBC,IAAAA,8BAAQ,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAC9B,MAAAC,gBAAAC,IAAAA,yBAAA,EAAA;IAEAC,gBAAMJ;QACJK,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAMP;YAAAA;YAAgBQ;SAAW;QAC/BN,SAAAA;YAAAA;YAAgB;SAAA;gBACdC;iBACAM;iBAEA;gBACE;YAAA;YAAGC;SAAWC;iBACdC;iBACAC;;;;;QAGU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAMhB,MAAAvB,oCAAAwB,CAAAA;;IAEC,MACDC,oBAAazB;UACX0B,aAAMC;UACN1B,IAAMwB,CAAAA,SAAAA,GAAAA,IAAAA,6BAAoBjB,EAAAA,0BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAC1BgB,MAAME,IAAAA,EAAAA;QAENF,MAAMvB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAAA,EAAa9B,0BAA0BE,IAAI,EAAE0B,mBAAmBH,MAAMvB,IAAI,CAAC2B,SAAS;;gCAGrF;QACtBJ,MAAArB,WAAA,EAAA;QAEAqB,MAAIM,WAAAA,CAAAA,SAAAA,GAAwBD,IAAAA,6BAAA,EAAA9B,0BAAAI,WAAA,EAAAqB,MAAArB,WAAA,CAAAyB,SAAA;QAE5BE,wBAAuB;;cAErBA,aAAAA,EAAAA;QACFN,MAAApB,aAAA,CAAAwB,SAAA,GAAAC,IAAAA,6BAAA,EAAA9B,0BAAAK,aAAA,EAAA0B,yBAAAJ,WAAAd,cAAA,EAAAY,MAAApB,aAAA,CAAAwB,SAAA;QAEAE,wBAAuB;;cAMrBA,YAAAA,EAAAA;QACFN,MAAAnB,YAAA,CAAAuB,SAAA,GAAAC,IAAAA,6BAAA,EAAA9B,0BAAAM,YAAA,EAAAyB,yBAAAJ,WAAAd,cAAA,EAAAY,MAAAnB,YAAA,CAAAuB,SAAA;;WAGEJ;uDAOKA"}

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

@@ -1 +0,0 @@
-{"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":["previewSurfaceClassNames","root","base","__styles","maxWidth","shorthands","z8tnut","z189sj","Byoj8tv","state","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUaA,wBAAAA;eAAAA;;;;;;iCALqB;AAK3B,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACGC;QACLC,QAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAA;;;;;IAEC;;OAICC;QAAAA;QAAuBC;QAA6DD;QAAoB;QAAA;KAAA"}