@fluentui-copilot/react-preview 0.0.0-nightly-20240313-0404-8abc883d.1

package/lib-commonjs/Preview.js.map

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

package/lib-commonjs/PreviewContent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/PreviewContent/index"), exports);
+ //# sourceMappingURL=PreviewContent.js.map

package/lib-commonjs/PreviewContent.js.map

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

package/lib-commonjs/PreviewHeader.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/PreviewHeader/index"), exports);
+ //# sourceMappingURL=PreviewHeader.js.map

package/lib-commonjs/PreviewHeader.js.map

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

package/lib-commonjs/PreviewMetadata.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/PreviewMetadata/index"), exports);
+ //# sourceMappingURL=PreviewMetadata.js.map

package/lib-commonjs/PreviewMetadata.js.map

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

package/lib-commonjs/PreviewSurface.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/PreviewSurface/index"), exports);
+ //# sourceMappingURL=PreviewSurface.js.map

package/lib-commonjs/PreviewSurface.js.map

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

package/lib-commonjs/PreviewTrigger.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/PreviewTrigger/index"), exports);
+ //# sourceMappingURL=PreviewTrigger.js.map

package/lib-commonjs/PreviewTrigger.js.map

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Preview", {
+    enumerable: true,
+    get: function() {
+        return Preview;
+    }
+});
+const _usePreview = require("./usePreview");
+const _renderPreview = require("./renderPreview");
+const Preview = (props)=>{
+    const state = (0, _usePreview.usePreview_unstable)(props);
+    return (0, _renderPreview.renderPreview_unstable)(state);
+};
+Preview.displayName = 'Preview'; //# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Preview.js"],"sourcesContent":["import { usePreview_unstable } from './usePreview';\nimport { renderPreview_unstable } from './renderPreview';\nexport const Preview = props => {\n  const state = usePreview_unstable(props);\n  return renderPreview_unstable(state);\n};\nPreview.displayName = 'Preview';\n//# sourceMappingURL=Preview.js.map"],"names":["Preview","props","state","usePreview_unstable","renderPreview_unstable","displayName"],"mappings":";;;;+BAEaA;;;eAAAA;;;4BAFuB;+BACG;AAChC,MAAMA,UAAUC,CAAAA;IACrB,MAAMC,QAAQC,IAAAA,+BAAmB,EAACF;IAClC,OAAOG,IAAAA,qCAAsB,EAACF;AAChC;AACAF,QAAQK,WAAW,GAAG,WACtB,mCAAmC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Preview.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Preview.types.js.map"],"names":[],"mappings":";;;;CACA,yCAAyC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Preview"), exports);
+_export_star._(require("./Preview.types"), exports);
+_export_star._(require("./renderPreview"), exports);
+_export_star._(require("./usePreview"), exports);
+ //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPreview_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPreview_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 _previewContext = require("../../previewContext");
+const renderPreview_unstable = (state)=>{
+    const { appearance, arrowRef, contentRef, inertTrapFocus, inline, isPreviewLocked, mountNode, open, openOnContext, openOnHover, setOpen, size, toggleOpen, trapFocus, triggerRef, withArrow } = state;
+    return /*#__PURE__*/ _react.createElement(_previewContext.PreviewContextProvider, {
+        value: {
+            appearance,
+            arrowRef,
+            contentRef,
+            inertTrapFocus,
+            inline,
+            isPreviewLocked,
+            mountNode,
+            open,
+            openOnContext,
+            openOnHover,
+            setOpen,
+            size,
+            toggleOpen,
+            trapFocus,
+            triggerRef,
+            withArrow
+        }
+    }, (0, _reactcomponents.renderPopover_unstable)(state));
+}; //# sourceMappingURL=renderPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { renderPopover_unstable } from '@fluentui/react-components';\nimport { PreviewContextProvider } from '../../previewContext';\n/**\n * Render the final JSX of Preview\n */\nexport const renderPreview_unstable = state => {\n  const {\n    appearance,\n    arrowRef,\n    contentRef,\n    inertTrapFocus,\n    inline,\n    isPreviewLocked,\n    mountNode,\n    open,\n    openOnContext,\n    openOnHover,\n    setOpen,\n    size,\n    toggleOpen,\n    trapFocus,\n    triggerRef,\n    withArrow\n  } = state;\n  return /*#__PURE__*/React.createElement(PreviewContextProvider, {\n    value: {\n      appearance,\n      arrowRef,\n      contentRef,\n      inertTrapFocus,\n      inline,\n      isPreviewLocked,\n      mountNode,\n      open,\n      openOnContext,\n      openOnHover,\n      setOpen,\n      size,\n      toggleOpen,\n      trapFocus,\n      triggerRef,\n      withArrow\n    }\n  }, renderPopover_unstable(state));\n};\n//# sourceMappingURL=renderPreview.js.map"],"names":["renderPreview_unstable","state","appearance","arrowRef","contentRef","inertTrapFocus","inline","isPreviewLocked","mountNode","open","openOnContext","openOnHover","setOpen","size","toggleOpen","trapFocus","triggerRef","withArrow","React","createElement","PreviewContextProvider","value","renderPopover_unstable"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;iCACgB;gCACA;AAIhC,MAAMA,yBAAyBC,CAAAA;IACpC,MAAM,EACJC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACV,GAAGhB;IACJ,OAAO,WAAW,GAAEiB,OAAMC,aAAa,CAACC,sCAAsB,EAAE;QAC9DC,OAAO;YACLnB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;IACF,GAAGK,IAAAA,uCAAsB,EAACrB;AAC5B,GACA,yCAAyC"}

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

@@ -0,0 +1,241 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePreview_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePreview_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactutilities = require("@fluentui/react-utilities");
+const _utils = require("../../utils");
+const POPOVER_MOUSE_HIDE_DELAY = 500;
+const POPOVER_KEYBOARD_HIDE_DELAY = 0;
+const getDelay = (type)=>{
+    if (type === 'focus' || type === 'blur') {
+        return POPOVER_KEYBOARD_HIDE_DELAY;
+    }
+    return POPOVER_MOUSE_HIDE_DELAY;
+};
+const usePreview_unstable = (props)=>{
+    const { onOpenChange, open, unstable_disableAutoFocus } = props;
+    const children = _react.Children.toArray(props.children);
+    const { targetDocument } = (0, _reactcomponents.useFluent)();
+    const [setTimeout, clearTimeout] = (0, _reactutilities.useTimeout)();
+    const [disableAutoFocus, setDisableAutoFocus] = _react.useState(true);
+    const { current: previewInternalState } = _react.useRef({
+        openByClick: false,
+        openByHoverOverTrigger: false,
+        openByHoverOverPopover: false,
+        openByKeyboard: false
+    });
+    const isOpen = ()=>{
+        return previewInternalState.openByClick || previewInternalState.openByHoverOverTrigger || previewInternalState.openByHoverOverPopover || previewInternalState.openByKeyboard;
+    };
+    const [isPopoverOpen, setIsPopoverOpen] = _react.useState(false);
+    const preventDefaultClose = _react.useRef(false);
+    let popoverTrigger = undefined;
+    let popoverSurface = undefined;
+    if (children.length === 2) {
+        popoverTrigger = children[0];
+        popoverSurface = children[1];
+    } else if (children.length === 1) {
+        popoverSurface = children[0];
+    }
+    const popoverSurfaceId = (0, _reactcomponents.useId)('preview-surface', popoverSurface === null || popoverSurface === void 0 ? void 0 : popoverSurface.props.id);
+    const closeCallback = ()=>{
+        previewInternalState.openByClick = false;
+        previewInternalState.openByHoverOverTrigger = false;
+        previewInternalState.openByHoverOverPopover = false;
+        previewInternalState.openByKeyboard = false;
+        setIsPopoverOpen(isOpen());
+    };
+    _react.useEffect(()=>{
+        return ()=>{
+            // Remove all instances of the current popover from the openedByHoverPreviewManager when the component is unmounted.
+            (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+        };
+    }, [
+        popoverSurfaceId
+    ]);
+    if (popoverSurface && popoverTrigger) {
+        const handleTriggerTargetEnter = (e)=>{
+            previewInternalState.openByHoverOverTrigger = 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);
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                    open: true
+                });
+                (0, _utils.closeAllOpenedByHoverPreviews)(popoverSurfaceId);
+                (0, _utils.addOpenedByHoverPreview)(popoverSurfaceId, closeCallback);
+            }
+            setIsPopoverOpen(isOpen());
+        };
+        const handleTriggerTargetLeave = (e)=>{
+            previewInternalState.openByHoverOverTrigger = false;
+            setTimeout(()=>{
+                setIsPopoverOpen(isOpen());
+                // We want to call onOpenChange only if the popover is actually closing when leaving the trigger
+                if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverPopover && isPopoverOpen) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+                }
+            }, getDelay(e.type));
+        };
+        const handleTriggerClick = (e)=>{
+            // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the trigger as we want to control that behavior.
+            preventDefaultClose.current = true;
+            // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.
+            setDisableAutoFocus(false);
+            const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;
+            // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.
+            previewInternalState.openByClick = previewInternalState.openByKeyboard ? false : !previewInternalState.openByClick;
+            previewInternalState.openByHoverOverTrigger = false;
+            previewInternalState.openByHoverOverPopover = false;
+            previewInternalState.openByKeyboard = false;
+            if (!tmpOpenByHoverOverTrigger) {
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                    open: previewInternalState.openByClick
+                });
+            }
+            if (!isOpen()) {
+                (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+            }
+            setIsPopoverOpen(isOpen());
+        };
+        const handleTriggerKeyDown = (e)=>{
+            if (e.key === _keyboardkeys.Enter) {
+                clearTimeout();
+                // Setting default prevented so that Enter key does not trigger a click event or onPopoverOpenChange.
+                e.preventDefault();
+                // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.
+                setDisableAutoFocus(false);
+                const tmpOpenByHoverOverTrigger = previewInternalState.openByHoverOverTrigger;
+                // If openByClick is true, then the popover was already opened via click and we always want to close it.
+                previewInternalState.openByKeyboard = previewInternalState.openByClick ? false : !previewInternalState.openByKeyboard;
+                previewInternalState.openByClick = false;
+                previewInternalState.openByHoverOverTrigger = false;
+                previewInternalState.openByHoverOverPopover = false;
+                if (!tmpOpenByHoverOverTrigger) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: previewInternalState.openByKeyboard
+                    });
+                }
+                if (!isOpen()) {
+                    (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+                }
+                setIsPopoverOpen(isOpen());
+            }
+        };
+        const handlePopoverTargetEnter = (e)=>{
+            previewInternalState.openByHoverOverPopover = true;
+            setIsPopoverOpen(isOpen());
+        };
+        const handlePopoverTargetLeave = (e)=>{
+            previewInternalState.openByHoverOverPopover = false;
+            setTimeout(()=>{
+                setIsPopoverOpen(isOpen());
+                // We want to call onOpenChange only if the popover is actually closing when leaving the popover
+                if (!previewInternalState.openByClick && !previewInternalState.openByKeyboard && !previewInternalState.openByHoverOverTrigger) {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+                }
+            }, getDelay(e.type));
+        };
+        popoverTrigger = /*#__PURE__*/ _react.cloneElement(popoverTrigger, {
+            ...popoverTrigger.props,
+            children: /*#__PURE__*/ _react.cloneElement(popoverTrigger.props.children, {
+                ...popoverTrigger.props.children.props,
+                onBlur: (0, _reactcomponents.mergeCallbacks)(popoverTrigger.props.children.props.onBlur, handleTriggerTargetLeave),
+                onClick: (0, _reactcomponents.mergeCallbacks)(popoverTrigger.props.children.props.onClick, handleTriggerClick),
+                onKeyDown: (0, _reactcomponents.mergeCallbacks)(popoverTrigger.props.children.props.onKeyDown, handleTriggerKeyDown),
+                onMouseEnter: (0, _reactcomponents.mergeCallbacks)(popoverTrigger.props.children.props.onMouseEnter, handleTriggerTargetEnter),
+                onMouseLeave: (0, _reactcomponents.mergeCallbacks)(popoverTrigger.props.children.props.onMouseLeave, handleTriggerTargetLeave)
+            })
+        });
+        var _popoverSurface_props_arialabelledby;
+        popoverSurface = /*#__PURE__*/ _react.cloneElement(popoverSurface, {
+            ...popoverSurface.props,
+            'aria-labelledby': ((_popoverSurface_props_arialabelledby = popoverSurface.props['aria-labelledby']) !== null && _popoverSurface_props_arialabelledby !== void 0 ? _popoverSurface_props_arialabelledby : popoverSurface.props['aria-label']) ? undefined : popoverSurfaceId,
+            id: popoverSurfaceId,
+            onMouseEnter: (0, _reactcomponents.mergeCallbacks)(popoverSurface.props.onMouseEnter, handlePopoverTargetEnter),
+            onMouseLeave: (0, _reactcomponents.mergeCallbacks)(popoverSurface.props.onMouseLeave, handlePopoverTargetLeave),
+            onFocus: (0, _reactcomponents.mergeCallbacks)(popoverSurface.props.onFocus, handlePopoverTargetEnter)
+        });
+    }
+    // Hitting Escape key should close the popover if it was opened by hover.
+    // This is necessary to attach to the document because focus is likely not within the trigger or popover.
+    (0, _reactcomponents.useIsomorphicLayoutEffect)(()=>{
+        if (isPopoverOpen) {
+            const onDocumentKeyDown = (e)=>{
+                const openedByHover = !previewInternalState.openByClick && !previewInternalState.openByKeyboard;
+                if (openedByHover && e.key === _keyboardkeys.Escape) {
+                    clearTimeout();
+                    // We set state back to its default if the Escape key has been pressed
+                    setDisableAutoFocus(true);
+                    closeCallback();
+                    (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, {
+                        open: false
+                    });
+                    e.stopPropagation();
+                }
+            };
+            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
+                capture: true
+            });
+            return ()=>{
+                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
+                    capture: true
+                });
+            };
+        }
+    }, [
+        targetDocument,
+        isPopoverOpen
+    ]);
+    const onPopoverOpenChange = (e, data)=>{
+        if (!preventDefaultClose.current) {
+            // We set all open state to false if preventDefaultClose was not set to true and the popover is closing.
+            if (!data.open) {
+                clearTimeout();
+                closeCallback();
+                (0, _utils.removeOpenedByHoverPreview)(popoverSurfaceId);
+            }
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(e, data);
+        }
+        preventDefaultClose.current = false;
+    };
+    let resolvedChildren = children;
+    if (popoverSurface) {
+        if (popoverTrigger) {
+            resolvedChildren = [
+                popoverTrigger,
+                popoverSurface
+            ];
+        } else {
+            resolvedChildren = popoverSurface;
+        }
+    }
+    const popoverState = (0, _reactcomponents.usePopover_unstable)({
+        ...props,
+        children: resolvedChildren,
+        onOpenChange: onPopoverOpenChange,
+        open: open !== null && open !== void 0 ? open : isPopoverOpen,
+        unstable_disableAutoFocus: unstable_disableAutoFocus !== null && unstable_disableAutoFocus !== void 0 ? unstable_disableAutoFocus : disableAutoFocus
+    });
+    return {
+        ...popoverState,
+        isPreviewLocked: previewInternalState.openByClick || previewInternalState.openByKeyboard
+    };
+}; //# sourceMappingURL=usePreview.js.map

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PreviewContent", {
+    enumerable: true,
+    get: function() {
+        return PreviewContent;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _usePreviewContent = require("./usePreviewContent");
+const _renderPreviewContent = require("./renderPreviewContent");
+const _usePreviewContentStyles = require("./usePreviewContentStyles");
+const PreviewContent = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePreviewContent.usePreviewContent_unstable)(props, ref);
+    (0, _usePreviewContentStyles.usePreviewContentStyles_unstable)(state);
+    return (0, _renderPreviewContent.renderPreviewContent_unstable)(state);
+});
+PreviewContent.displayName = 'PreviewContent'; //# sourceMappingURL=PreviewContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewContent.js"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewContent_unstable } from './usePreviewContent';\nimport { renderPreviewContent_unstable } from './renderPreviewContent';\nimport { usePreviewContentStyles_unstable } from './usePreviewContentStyles';\nexport const PreviewContent = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePreviewContent_unstable(props, ref);\n  usePreviewContentStyles_unstable(state);\n  return renderPreviewContent_unstable(state);\n});\nPreviewContent.displayName = 'PreviewContent';\n//# sourceMappingURL=PreviewContent.js.map"],"names":["PreviewContent","React","forwardRef","props","ref","state","usePreviewContent_unstable","usePreviewContentStyles_unstable","renderPreviewContent_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;mCACoB;sCACG;yCACG;AAC1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACvC;AACAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewContent.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewContent.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_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);
+ //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPreviewContent_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPreviewContent_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderPreviewContent_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+}; //# sourceMappingURL=renderPreviewContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPreviewContent.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of PreviewContent\n */\nexport const renderPreviewContent_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderPreviewContent.js.map"],"names":["renderPreviewContent_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,gCAAgCC,CAAAA;IAC3CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AACxC,GACA,gDAAgD"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePreviewContent_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePreviewContent_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const usePreviewContent_unstable = (props, ref)=>{
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+}; //# sourceMappingURL=usePreviewContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContent.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-components';\n/**\n * Create the state required to render PreviewContent.\n *\n * The returned state can be modified with hooks such as usePreviewContentStyles_unstable,\n * before being passed to renderPreviewContent_unstable.\n *\n * @param props - props from this instance of PreviewContent\n * @param ref - reference to root HTMLElement of PreviewContent\n */\nexport const usePreviewContent_unstable = (props, ref) => {\n  return {\n    components: {\n      root: 'div'\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      ...props\n    }), {\n      elementType: 'div'\n    })\n  };\n};\n//# sourceMappingURL=usePreviewContent.js.map"],"names":["usePreviewContent_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUaA;;;eAAAA;;;iCAV+B;AAUrC,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,OAAO;YAC7CL;YACA,GAAGD,KAAK;QACV,IAAI;YACFO,aAAa;QACf;IACF;AACF,GACA,6CAA6C"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewContentClassNames: function() {
+        return previewContentClassNames;
+    },
+    usePreviewContentStyles_unstable: function() {
+        return usePreviewContentStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const previewContentClassNames = {
+    root: 'fai-PreviewContent'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r3uexl1", "rbb2gfj", [
+    ".r3uexl1{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".rbb2gfj{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const usePreviewContentStyles_unstable = (state)=>{
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewContentClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+}; //# sourceMappingURL=usePreviewContentStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewContentStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const previewContentClassNames = {\n  root: 'fai-PreviewContent'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = __resetStyles(\"r3uexl1\", \"rbb2gfj\", [\".r3uexl1{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\", \".rbb2gfj{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding-top:var(--spacingVerticalS);padding-left:var(--spacingHorizontalS);padding-bottom:var(--spacingVerticalS);padding-right:var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=usePreviewContentStyles.js.map"],"names":["previewContentClassNames","usePreviewContentStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IAUAC,gCAAgC;eAAhCA;;;iCAXqE;AAC3E,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAAob;CAAmb;AAIl6B,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,oBAAoBH;IAC1BE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,6BAAY,EAACR,yBAAyBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC1G,OAAOF;AACT,GACA,mDAAmD"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PreviewHeader", {
+    enumerable: true,
+    get: function() {
+        return PreviewHeader;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _usePreviewHeader = require("./usePreviewHeader");
+const _renderPreviewHeader = require("./renderPreviewHeader");
+const _usePreviewHeaderStyles = require("./usePreviewHeaderStyles");
+const PreviewHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePreviewHeader.usePreviewHeader_unstable)(props, ref);
+    (0, _usePreviewHeaderStyles.usePreviewHeaderStyles_unstable)(state);
+    return (0, _renderPreviewHeader.renderPreviewHeader_unstable)(state);
+});
+PreviewHeader.displayName = 'PreviewHeader'; //# sourceMappingURL=PreviewHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewHeader_unstable } from './usePreviewHeader';\nimport { renderPreviewHeader_unstable } from './renderPreviewHeader';\nimport { usePreviewHeaderStyles_unstable } from './usePreviewHeaderStyles';\nexport const PreviewHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePreviewHeader_unstable(props, ref);\n  usePreviewHeaderStyles_unstable(state);\n  return renderPreviewHeader_unstable(state);\n});\nPreviewHeader.displayName = 'PreviewHeader';\n//# sourceMappingURL=PreviewHeader.js.map"],"names":["PreviewHeader","React","forwardRef","props","ref","state","usePreviewHeader_unstable","usePreviewHeaderStyles_unstable","renderPreviewHeader_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;kCACmB;qCACG;wCACG;AACzC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACtC;AACAL,cAAcS,WAAW,GAAG,iBAC5B,yCAAyC"}