feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableResizeHandle", {
+    enumerable: true,
+    get: function() {
+        return TableResizeHandle;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTableResizeHandle = require("./useTableResizeHandle");
+const _renderTableResizeHandle = require("./renderTableResizeHandle");
+const _useTableResizeHandleStylesstyles = require("./useTableResizeHandleStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TableResizeHandle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableResizeHandle.useTableResizeHandle_unstable)(props, ref);
+    (0, _useTableResizeHandleStylesstyles.useTableResizeHandleStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTableResizeHandleStyles_unstable')(state);
+    return (0, _renderTableResizeHandle.renderTableResizeHandle_unstable)(state);
+});
+TableResizeHandle.displayName = 'TableResizeHandle';

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/TableResizeHandle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n\n  useTableResizeHandleStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);\n\n  return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"names":["React","useTableResizeHandle_unstable","renderTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHook_unstable","TableResizeHandle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;sCACe,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;qCAG9C,kCAAkC;AAKvE,MAAMK,oBAAAA,WAAAA,GAAiEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQR,mDAAAA,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QAEpCL,gDAAAA,EAA4B,uCAAuCK;IAEnE,WAAOP,yDAAAA,EAAiCO;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/TableResizeHandle.types.js

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

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/TableResizeHandle.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/TableResizeHandle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableResizeHandleSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TableResizeHandle Props\n */\nexport type TableResizeHandleProps = ComponentProps<TableResizeHandleSlots> & {};\n\n/**\n * State used in rendering TableResizeHandle\n */\nexport type TableResizeHandleState = ComponentState<TableResizeHandleSlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAA4E"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/index.js

@@ -0,0 +1,31 @@
+"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, {
+    TableResizeHandle: function() {
+        return _TableResizeHandle.TableResizeHandle;
+    },
+    renderTableResizeHandle_unstable: function() {
+        return _renderTableResizeHandle.renderTableResizeHandle_unstable;
+    },
+    tableResizeHandleClassNames: function() {
+        return _useTableResizeHandleStylesstyles.tableResizeHandleClassNames;
+    },
+    useTableResizeHandleStyles_unstable: function() {
+        return _useTableResizeHandleStylesstyles.useTableResizeHandleStyles_unstable;
+    },
+    useTableResizeHandle_unstable: function() {
+        return _useTableResizeHandle.useTableResizeHandle_unstable;
+    }
+});
+const _TableResizeHandle = require("./TableResizeHandle");
+const _renderTableResizeHandle = require("./renderTableResizeHandle");
+const _useTableResizeHandle = require("./useTableResizeHandle");
+const _useTableResizeHandleStylesstyles = require("./useTableResizeHandleStyles.styles");

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/index.ts"],"sourcesContent":["export { TableResizeHandle } from './TableResizeHandle';\nexport type { TableResizeHandleProps, TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle.types';\nexport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nexport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nexport { tableResizeHandleClassNames, useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\n"],"names":["TableResizeHandle","renderTableResizeHandle_unstable","useTableResizeHandle_unstable","tableResizeHandleClassNames","useTableResizeHandleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAEjBC,yDAAgC;;;eAEhCE,6DAA2B;;;eAAEC,qEAAmC;;;eADhEF,mDAA6B;;;mCAHJ,sBAAsB;yCAEP,4BAA4B;sCAC/B,yBAAyB;kDACU,sCAAsC"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js

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

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/renderTableResizeHandle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TableResizeHandleState, TableResizeHandleSlots } from './TableResizeHandle.types';\n\n/**\n * Render the final JSX of TableResizeHandle\n */\nexport const renderTableResizeHandle_unstable = (state: TableResizeHandleState): JSXElement => {\n  assertSlots<TableResizeHandleSlots>(state);\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTableResizeHandle_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAOjD,MAAMC,mCAAmC,CAACC;QAC/CF,2BAAAA,EAAoCE;IACpC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js

@@ -0,0 +1,36 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTableResizeHandle_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTableResizeHandle_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const useTableResizeHandle_unstable = (props, ref)=>{
+    const onClick = (0, _reactutilities.useEventCallback)((event)=>{
+        var _props_onClick;
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
+        event.stopPropagation();
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: ref,
+            ...props,
+            onClick
+        }), {
+            elementType: 'div'
+        })
+    };
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/useTableResizeHandle.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TableResizeHandleProps, TableResizeHandleState } from './TableResizeHandle.types';\n\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */\nexport const useTableResizeHandle_unstable = (\n  props: TableResizeHandleProps,\n  ref: React.Ref<HTMLElement>,\n): TableResizeHandleState => {\n  const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    props.onClick?.(event);\n    event.stopPropagation();\n  });\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...props,\n        onClick,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","useTableResizeHandle_unstable","props","ref","onClick","event","stopPropagation","components","root","always","elementType"],"mappings":"AAAA;;;;;+BAeaI;;;;;;;iEAbU,QAAQ;gCACkC,4BAA4B;AAYtF,sCAAsC,CAC3CC,OACAC;IAEA,MAAMC,cAAUL,gCAAAA,EAAiB,CAACM;YAChCH;SAAAA,iBAAAA,MAAME,OAAO,AAAPA,MAAO,QAAbF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgBG;QAChBA,MAAMC,eAAe;IACvB;IACA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,oBAAAA,CAAKS,MAAM,KACfX,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FK,KAAKA;YACL,GAAGD,KAAK;YACRE;QACF,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js

@@ -0,0 +1,103 @@
+'use client';
+"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, {
+    tableResizeHandleClassNames: function() {
+        return tableResizeHandleClassNames;
+    },
+    useTableResizeHandleStyles_unstable: function() {
+        return useTableResizeHandleStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tableResizeHandleClassNames = {
+    root: 'fui-TableResizeHandle'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        qhf8xq: "f1euv43f",
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ],
+        Bhzewxz: "f15twtuk",
+        B5kzvoi: "f1yab3r1",
+        a9b677: "fjw5fx7",
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "fg06o1j",
+        Bceei9c: "fc3en1c",
+        abs64n: "fk73vx1",
+        Bmy1vo4: "f13u1uyl",
+        B3o57yi: "fezquic",
+        Bj3rh1h: "f19g0ac",
+        B3cna0y: "f1tkae59",
+        Brovlpu: "ftqa4ok",
+        B7zu5sd: "f15pjodv",
+        Bsft5z2: "f1rcdj94",
+        ap17g6: "f2gz7yw",
+        a2br6o: "ff2ryt5",
+        E3zdtr: "f1mdlcz9",
+        Eqx8gd: [
+            "f10awi5f",
+            "f1nzedbg"
+        ],
+        bn5sak: "frwkxtg",
+        By385i5: "fo72kxq",
+        Bjyk6c5: "fdlpgxj"
+    }
+}, {
+    d: [
+        ".f1euv43f{position:absolute;}",
+        ".f1e31b4d{right:0;}",
+        ".f1vgc2s3{left:0;}",
+        ".f15twtuk{top:0;}",
+        ".f1yab3r1{bottom:0;}",
+        ".fjw5fx7{width:16px;}",
+        [
+            ".fg06o1j{margin:0 -8px;}",
+            {
+                p: -1
+            }
+        ],
+        ".fc3en1c{cursor:col-resize;}",
+        ".fk73vx1{opacity:0;}",
+        ".f13u1uyl{transition-property:opacity;}",
+        ".fezquic{transition-duration:.2s;}",
+        ".f19g0ac{z-index:1;}",
+        ".f1rcdj94::after{content:\" \";}",
+        ".f2gz7yw::after{display:block;}",
+        ".ff2ryt5::after{width:1px;}",
+        ".f1mdlcz9::after{position:absolute;}",
+        ".f10awi5f::after{left:50%;}",
+        ".f1nzedbg::after{right:50%;}",
+        ".frwkxtg::after{top:0;}",
+        ".fo72kxq::after{bottom:0;}",
+        ".fdlpgxj::after{background-color:var(--colorNeutralStroke1);}"
+    ],
+    f: [
+        ".f1tkae59:focus{opacity:1;}",
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    h: [
+        ".f15pjodv:hover{opacity:1;}"
+    ]
+});
+const useTableResizeHandleStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(tableResizeHandleClassNames.root, styles.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n    root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        bottom: 0,\n        width: '16px',\n        margin: '0 -8px',\n        cursor: 'col-resize',\n        opacity: 0,\n        transitionProperty: 'opacity',\n        transitionDuration: '.2s',\n        zIndex: 1,\n        // If mouse users focus on the resize handle through a context menu, we want the handle\n        // to be visible because the mouse might not be hovering over the handle\n        ':focus': {\n            opacity: 1,\n            outlineStyle: 'none'\n        },\n        ':hover': {\n            opacity: 1\n        },\n        '::after': {\n            content: '\" \"',\n            display: 'block',\n            width: '1px',\n            position: 'absolute',\n            left: '50%',\n            top: 0,\n            bottom: 0,\n            backgroundColor: tokens.colorNeutralStroke1\n        }\n    }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","tableResizeHandleClassNames","root","useStyles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bsft5z2","ap17g6","a2br6o","E3zdtr","Eqx8gd","bn5sak","By385i5","Bjyk6c5","d","p","f","h","useTableResizeHandleStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,2BAA2B;;;uCAyCY;;;;uBA3CX,gBAAgB;AAElD,oCAAoC;IACvCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAiCrB,CAAC;AAGS,MAAMC,uCAAuCC,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGjC,SAAS,CAAC,CAAC;IAC1BgC,KAAK,CAACjC,IAAI,CAACmC,SAAS,OAAGtC,mBAAY,EAACE,2BAA2B,CAACC,IAAI,EAAEkC,MAAM,CAAClC,IAAI,EAAEiC,KAAK,CAACjC,IAAI,CAACmC,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.raw.js

@@ -0,0 +1,66 @@
+'use client';
+"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, {
+    tableResizeHandleClassNames: function() {
+        return tableResizeHandleClassNames;
+    },
+    useTableResizeHandleStyles_unstable: function() {
+        return useTableResizeHandleStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const tableResizeHandleClassNames = {
+    root: 'fui-TableResizeHandle'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+        bottom: 0,
+        width: '16px',
+        margin: '0 -8px',
+        cursor: 'col-resize',
+        opacity: 0,
+        transitionProperty: 'opacity',
+        transitionDuration: '.2s',
+        zIndex: 1,
+        // If mouse users focus on the resize handle through a context menu, we want the handle
+        // to be visible because the mouse might not be hovering over the handle
+        ':focus': {
+            opacity: 1,
+            outlineStyle: 'none'
+        },
+        ':hover': {
+            opacity: 1
+        },
+        '::after': {
+            content: '" "',
+            display: 'block',
+            width: '1px',
+            position: 'absolute',
+            left: '50%',
+            top: 0,
+            bottom: 0,
+            backgroundColor: _reacttheme.tokens.colorNeutralStroke1
+        }
+    }
+});
+const useTableResizeHandleStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(tableResizeHandleClassNames.root, styles.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableResizeHandle/useTableResizeHandleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const tableResizeHandleClassNames: SlotClassNames<TableResizeHandleSlots> = {\n  root: 'fui-TableResizeHandle',\n  // TODO: add class names for all slots on TableResizeHandleSlots.\n  // Should be of the form `<slotName>: 'fui-TableResizeHandle__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    bottom: 0,\n    width: '16px',\n    margin: '0 -8px',\n    cursor: 'col-resize',\n    opacity: 0,\n    transitionProperty: 'opacity',\n    transitionDuration: '.2s',\n    zIndex: 1,\n\n    // If mouse users focus on the resize handle through a context menu, we want the handle\n    // to be visible because the mouse might not be hovering over the handle\n    ':focus': {\n      opacity: 1,\n      outlineStyle: 'none',\n    },\n\n    ':hover': {\n      opacity: 1,\n    },\n\n    '::after': {\n      content: '\" \"',\n      display: 'block',\n      width: '1px',\n      position: 'absolute',\n      left: '50%',\n      top: 0,\n      bottom: 0,\n      backgroundColor: tokens.colorNeutralStroke1,\n    },\n  },\n});\n\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */\nexport const useTableResizeHandleStyles_unstable = (state: TableResizeHandleState): TableResizeHandleState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","tableResizeHandleClassNames","root","useStyles","position","right","top","bottom","width","margin","cursor","opacity","transitionProperty","transitionDuration","zIndex","outlineStyle","content","display","left","backgroundColor","colorNeutralStroke1","useTableResizeHandleStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,2BAAAA;;;uCAkDAoB;;;;uBAvD4B,iBAAiB;4BAGnC,wBAAwB;AAExC,oCAA4E;IACjFnB,MAAM;AAGR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,UAAU;QACVC,OAAO;QACPC,KAAK;QACLC,QAAQ;QACRC,OAAO;QACPC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,oBAAoB;QACpBC,oBAAoB;QACpBC,QAAQ;QAER,uFAAuF;QACvF,wEAAwE;QACxE,UAAU;YACRH,SAAS;YACTI,cAAc;QAChB;QAEA,UAAU;YACRJ,SAAS;QACX;QAEA,WAAW;YACTK,SAAS;YACTC,SAAS;YACTT,OAAO;YACPJ,UAAU;YACVc,MAAM;YACNZ,KAAK;YACLC,QAAQ;YACRY,iBAAiBnB,kBAAAA,CAAOoB,mBAAmB;QAC7C;IACF;AACF;AAKO,MAAMC,sCAAsC,CAACC;IAClD;IAEA,MAAMC,SAASpB;IACfmB,MAAMpB,IAAI,CAACsB,SAAS,OAAGzB,mBAAAA,EAAaE,4BAA4BC,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IACvG,OAAOF;AACT,EAAE"}