feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableSelectionCell", {
+    enumerable: true,
+    get: function() {
+        return TableSelectionCell;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTableSelectionCell = require("./useTableSelectionCell");
+const _renderTableSelectionCell = require("./renderTableSelectionCell");
+const _useTableSelectionCellStylesstyles = require("./useTableSelectionCellStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TableSelectionCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableSelectionCell.useTableSelectionCell_unstable)(props, ref);
+    (0, _useTableSelectionCellStylesstyles.useTableSelectionCellStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTableSelectionCellStyles_unstable')(state);
+    return (0, _renderTableSelectionCell.renderTableSelectionCell_unstable)(state);
+});
+TableSelectionCell.displayName = 'TableSelectionCell';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableSelectionCell/TableSelectionCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nimport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nimport { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles.styles';\nimport type { TableSelectionCellProps } from './TableSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableSelectionCell component\n */\nexport const TableSelectionCell: ForwardRefComponent<TableSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableSelectionCell_unstable(props, ref);\n\n  useTableSelectionCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableSelectionCellStyles_unstable')(state);\n\n  return renderTableSelectionCell_unstable(state);\n});\n\nTableSelectionCell.displayName = 'TableSelectionCell';\n"],"names":["React","useTableSelectionCell_unstable","renderTableSelectionCell_unstable","useTableSelectionCellStyles_unstable","useCustomStyleHook_unstable","TableSelectionCell","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;uCACgB,0BAA0B;0CACvB,6BAA6B;mDAC1B,uCAAuC;qCAGhD,kCAAkC;AAKvE,MAAMK,qBAAAA,WAAAA,GAAmEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvG,MAAMC,YAAQR,qDAAAA,EAA+BM,OAAOC;QAEpDL,uEAAAA,EAAqCM;QAErCL,gDAAAA,EAA4B,wCAAwCK;IAEpE,WAAOP,2DAAAA,EAAkCO;AAC3C,GAAG;AAEHJ,mBAAmBK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableSelectionCell/TableSelectionCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { Checkbox, CheckboxProps } from '@fluentui/react-checkbox';\nimport type { Radio } from '@fluentui/react-radio';\nimport { TableCellSlots } from '../TableCell/TableCell.types';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableSelectionCellSlots = {\n  /**\n   * Selection indicator if selection type is checkbox\n   */\n  checkboxIndicator: Slot<typeof Checkbox>;\n  /**\n   * Selection indicator if selection type is radio\n   */\n  radioIndicator: Slot<typeof Radio>;\n} & Pick<TableCellSlots, 'root'>;\n\n/**\n * TableSelectionCell Props\n */\nexport type TableSelectionCellProps = ComponentProps<Partial<TableSelectionCellSlots>> & {\n  /**\n   * A table can have two kinds of selection modes.\n   * @default checkbox\n   */\n  type?: 'checkbox' | 'radio';\n\n  /**\n   * @default false\n   */\n  checked?: CheckboxProps['checked'];\n\n  /**\n   * Only visible when checked or the parent row is hovered/focused\n   * @default false\n   */\n  subtle?: boolean;\n\n  /**\n   * Completely hides the selection cell\n   * @deprecated cells should never use hidden, since doing so breaks table structure and screen reader navigation. Use `invisible` instead.\n   */\n  hidden?: boolean;\n\n  /**\n   * Hides the selection cell visually but takes up the same space\n   * @default false\n   */\n  invisible?: boolean;\n};\n\n/**\n * State used in rendering TableSelectionCell\n */\nexport type TableSelectionCellState = ComponentState<TableSelectionCellSlots> &\n  Pick<Required<TableSelectionCellProps>, 'type' | 'checked' | 'subtle'> &\n  Pick<TableContextValue, 'noNativeElements'> & {\n    /* Visually hides the selection cell; not deprecated on state */\n    hidden: boolean;\n  };\n"],"names":[],"mappings":"AAmDA;;CAEC,GACD,WAKI"}

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

@@ -0,0 +1,34 @@
+"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, {
+    CELL_WIDTH: function() {
+        return _useTableSelectionCellStylesstyles.CELL_WIDTH;
+    },
+    TableSelectionCell: function() {
+        return _TableSelectionCell.TableSelectionCell;
+    },
+    renderTableSelectionCell_unstable: function() {
+        return _renderTableSelectionCell.renderTableSelectionCell_unstable;
+    },
+    tableSelectionCellClassNames: function() {
+        return _useTableSelectionCellStylesstyles.tableSelectionCellClassNames;
+    },
+    useTableSelectionCellStyles_unstable: function() {
+        return _useTableSelectionCellStylesstyles.useTableSelectionCellStyles_unstable;
+    },
+    useTableSelectionCell_unstable: function() {
+        return _useTableSelectionCell.useTableSelectionCell_unstable;
+    }
+});
+const _TableSelectionCell = require("./TableSelectionCell");
+const _renderTableSelectionCell = require("./renderTableSelectionCell");
+const _useTableSelectionCell = require("./useTableSelectionCell");
+const _useTableSelectionCellStylesstyles = require("./useTableSelectionCellStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableSelectionCell/index.ts"],"sourcesContent":["export { TableSelectionCell } from './TableSelectionCell';\nexport type {\n  TableSelectionCellProps,\n  TableSelectionCellSlots,\n  TableSelectionCellState,\n} from './TableSelectionCell.types';\nexport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nexport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nexport {\n  CELL_WIDTH,\n  tableSelectionCellClassNames,\n  useTableSelectionCellStyles_unstable,\n} from './useTableSelectionCellStyles.styles';\n"],"names":["TableSelectionCell","renderTableSelectionCell_unstable","useTableSelectionCell_unstable","CELL_WIDTH","tableSelectionCellClassNames","useTableSelectionCellStyles_unstable"],"mappings":";;;;;;;;;;;;eASEG,6CAAU;;;eATHH,sCAAkB;;;eAMlBC,2DAAiC;;;eAIxCG,+DAA4B;;;eAC5BC,uEAAoC;;;eAJ7BH,qDAA8B;;;oCAPJ,uBAAuB;0CAMR,6BAA6B;uCAChC,0BAA0B;mDAKlE,uCAAuC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTableSelectionCell_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTableSelectionCell_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTableSelectionCell_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.type === 'checkbox' && state.checkboxIndicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.checkboxIndicator, {}),
+            state.type === 'radio' && state.radioIndicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.radioIndicator, {})
+        ]
+    });
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableSelectionCell/renderTableSelectionCell.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 { TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell.types';\n\n/**\n * Render the final JSX of TableSelectionCell\n */\nexport const renderTableSelectionCell_unstable = (state: TableSelectionCellState): JSXElement => {\n  assertSlots<TableSelectionCellSlots>(state);\n\n  return (\n    <state.root>\n      {state.type === 'checkbox' && state.checkboxIndicator && <state.checkboxIndicator />}\n\n      {state.type === 'radio' && state.radioIndicator && <state.radioIndicator />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTableSelectionCell_unstable","state","root","type","checkboxIndicator","radioIndicator"],"mappings":";;;;+BASaC;;;;;;4BARb,iCAAiD;gCACrB,4BAA4B;AAOjD,0CAA0C,CAACC;QAChDF,2BAAAA,EAAqCE;IAErC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,KAAK,cAAcF,MAAMG,iBAAiB,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,iBAAiB,EAAA,CAAA;YAEhFH,MAAME,IAAI,KAAK,WAAWF,MAAMI,cAAc,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,cAAc,EAAA,CAAA;;;AAG9E,EAAE"}

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

@@ -0,0 +1,55 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTableSelectionCell_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTableSelectionCell_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 _reactcheckbox = require("@fluentui/react-checkbox");
+const _reactradio = require("@fluentui/react-radio");
+const _useTableCell = require("../TableCell/useTableCell");
+const _tableContext = require("../../contexts/tableContext");
+const _reacttabster = require("@fluentui/react-tabster");
+const useTableSelectionCell_unstable = (props, ref)=>{
+    const tableCellState = (0, _useTableCell.useTableCell_unstable)(props, (0, _reactutilities.useMergedRefs)(ref, (0, _reacttabster.useFocusWithin)()));
+    const { noNativeElements } = (0, _tableContext.useTableContext)();
+    const { type = 'checkbox', checked = false, subtle = false, hidden = false, invisible = false } = props;
+    return {
+        ...tableCellState,
+        components: {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            ...tableCellState.components,
+            checkboxIndicator: _reactcheckbox.Checkbox,
+            radioIndicator: _reactradio.Radio
+        },
+        checkboxIndicator: _reactutilities.slot.optional(props.checkboxIndicator, {
+            renderByDefault: type === 'checkbox',
+            defaultProps: {
+                checked: props.checked
+            },
+            elementType: _reactcheckbox.Checkbox
+        }),
+        radioIndicator: _reactutilities.slot.optional(props.radioIndicator, {
+            renderByDefault: type === 'radio' && !invisible,
+            defaultProps: {
+                checked: !!checked,
+                input: {
+                    name: (0, _reactutilities.useId)('table-selection-radio')
+                }
+            },
+            elementType: _reactradio.Radio
+        }),
+        type,
+        checked,
+        noNativeElements,
+        subtle,
+        hidden: invisible || hidden
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TableSelectionCell/useTableSelectionCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport type { TableSelectionCellProps, TableSelectionCellState } from './TableSelectionCell.types';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */\nexport const useTableSelectionCell_unstable = (\n  props: TableSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): TableSelectionCellState => {\n  const tableCellState = useTableCell_unstable(props, useMergedRefs(ref, useFocusWithin()));\n  const { noNativeElements } = useTableContext();\n  const {\n    type = 'checkbox',\n    checked = false,\n    subtle = false,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    hidden = false,\n    invisible = false,\n  } = props;\n\n  return {\n    ...tableCellState,\n    components: {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      ...tableCellState.components,\n      checkboxIndicator: Checkbox,\n      radioIndicator: Radio,\n    },\n    checkboxIndicator: slot.optional(props.checkboxIndicator, {\n      renderByDefault: type === 'checkbox',\n      defaultProps: { checked: props.checked },\n      elementType: Checkbox,\n    }),\n    radioIndicator: slot.optional(props.radioIndicator, {\n      renderByDefault: type === 'radio' && !invisible,\n      defaultProps: { checked: !!checked, input: { name: useId('table-selection-radio') } },\n      elementType: Radio,\n    }),\n    type,\n    checked,\n    noNativeElements,\n    subtle,\n    hidden: invisible || hidden,\n  };\n};\n"],"names":["React","useId","slot","useMergedRefs","Checkbox","Radio","useTableCell_unstable","useTableContext","useFocusWithin","useTableSelectionCell_unstable","props","ref","tableCellState","noNativeElements","type","checked","subtle","hidden","invisible","components","checkboxIndicator","radioIndicator","optional","renderByDefault","defaultProps","elementType","input","name"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;;iEAlBU,QAAQ;gCACY,4BAA4B;+BAC9C,2BAA2B;4BAC9B,wBAAwB;8BAER,4BAA4B;8BAClC,8BAA8B;8BAC/B,0BAA0B;AAWlD,uCAAuC,CAC5CC,OACAC;IAEA,MAAMC,qBAAiBN,mCAAAA,EAAsBI,OAAOP,iCAAAA,EAAcQ,SAAKH,4BAAAA;IACvE,MAAM,EAAEK,gBAAgB,EAAE,OAAGN,6BAAAA;IAC7B,MAAM,EACJO,OAAO,UAAU,EACjBC,UAAU,KAAK,EACfC,SAAS,KAAK,EACd,AACAC,SAAS,KAAK,EACdC,YAAY,KAAK,EAClB,GAAGR,sBAH0D;IAK9D,OAAO;QACL,GAAGE,cAAc;QACjBO,YAAY;YACV,4DAA4D;YAC5D,GAAGP,eAAeO,UAAU;YAC5BC,mBAAmBhB,uBAAAA;YACnBiB,gBAAgBhB,iBAAAA;QAClB;QACAe,mBAAmBlB,oBAAAA,CAAKoB,QAAQ,CAACZ,MAAMU,iBAAiB,EAAE;YACxDG,iBAAiBT,SAAS;YAC1BU,cAAc;gBAAET,SAASL,MAAMK,OAAO;YAAC;YACvCU,aAAarB,uBAAAA;QACf;QACAiB,gBAAgBnB,oBAAAA,CAAKoB,QAAQ,CAACZ,MAAMW,cAAc,EAAE;YAClDE,iBAAiBT,SAAS,WAAW,CAACI;YACtCM,cAAc;gBAAET,SAAS,CAAC,CAACA;gBAASW,OAAO;oBAAEC,MAAM1B,yBAAAA,EAAM;gBAAyB;YAAE;YACpFwB,aAAapB,iBAAAA;QACf;QACAS;QACAC;QACAF;QACAG;QACAC,QAAQC,aAAaD;IACvB;AACF,EAAE"}

node_modules/@fluentui/react-table/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js

@@ -0,0 +1,145 @@
+'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, {
+    CELL_WIDTH: function() {
+        return CELL_WIDTH;
+    },
+    tableSelectionCellClassNames: function() {
+        return tableSelectionCellClassNames;
+    },
+    useTableSelectionCellStyles_unstable: function() {
+        return useTableSelectionCellStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const CELL_WIDTH = 44;
+const tableSelectionCellClassNames = {
+    root: 'fui-TableSelectionCell',
+    checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',
+    radioIndicator: 'fui-TableSelectionCell__radioIndicator'
+};
+const useTableLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f15pt5es",
+        a9b677: "fksc0bp"
+    }
+}, {
+    d: [
+        ".f15pt5es{display:table-cell;}",
+        ".fksc0bp{width:44px;}"
+    ]
+});
+const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        xawz: 0,
+        Bh6795r: 0,
+        Bnnss6s: 0,
+        fkmc3a: "f1izfyrr",
+        Bf4jedk: "fvrlu0f",
+        B2u0y6b: "f1c71y05",
+        Brf1p80: "f4d9j23"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        [
+            ".f1izfyrr{flex:1 1 0px;}",
+            {
+                p: -1
+            }
+        ],
+        ".fvrlu0f{min-width:44px;}",
+        ".f1c71y05{max-width:44px;}",
+        ".f4d9j23{justify-content:center;}"
+    ]
+});
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        fsow6f: "f17mccla",
+        Huce71: "fz5stix",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai",
+        Bfpq7zp: 0,
+        g9k6zt: 0,
+        Bn4voq9: 0,
+        giviqs: "f1dxfoyt",
+        Bw81rd7: 0,
+        kdpuga: 0,
+        dm238s: 0,
+        B6xbmo0: 0,
+        B3whbx2: "f2krc9w"
+    },
+    radioIndicator: {
+        mc9l5x: "f22iagw",
+        Bh6795r: "fqerorx",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23"
+    },
+    subtle: {
+        abs64n: "fk73vx1",
+        B8a84jv: "f1y7ij6c"
+    },
+    hidden: {
+        abs64n: "fk73vx1"
+    }
+}, {
+    d: [
+        ".f17mccla{text-align:center;}",
+        ".fz5stix{white-space:nowrap;}",
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f22iagw{display:flex;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f122n59{align-items:center;}",
+        ".f4d9j23{justify-content:center;}",
+        ".fk73vx1{opacity:0;}",
+        ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}"
+    ]
+});
+const useTableSelectionCellStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);
+    if (state.checkboxIndicator) {
+        state.checkboxIndicator.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
+    }
+    if (state.radioIndicator) {
+        state.radioIndicator.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-table/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.raw.js

@@ -0,0 +1,94 @@
+'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, {
+    CELL_WIDTH: function() {
+        return CELL_WIDTH;
+    },
+    tableSelectionCellClassNames: function() {
+        return tableSelectionCellClassNames;
+    },
+    useTableSelectionCellStyles_unstable: function() {
+        return useTableSelectionCellStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reacttheme = require("@fluentui/react-theme");
+const CELL_WIDTH = 44;
+const tableSelectionCellClassNames = {
+    root: 'fui-TableSelectionCell',
+    checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',
+    radioIndicator: 'fui-TableSelectionCell__radioIndicator'
+};
+const useTableLayoutStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'table-cell',
+        width: `${CELL_WIDTH}px`
+    }
+});
+const useFlexLayoutStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'flex',
+        flex: '1 1 0px',
+        minWidth: `${CELL_WIDTH}px`,
+        maxWidth: `${CELL_WIDTH}px`,
+        justifyContent: 'center'
+    }
+});
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        textAlign: 'center',
+        whiteSpace: 'nowrap',
+        padding: '0',
+        ...(0, _reacttabster.createCustomFocusIndicatorStyle)({
+            outline: `2px solid ${_reacttheme.tokens.colorStrokeFocus2}`,
+            borderRadius: _reacttheme.tokens.borderRadiusMedium
+        }, {
+            selector: 'focus'
+        })
+    },
+    radioIndicator: {
+        display: 'flex',
+        flexGrow: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    subtle: {
+        opacity: 0,
+        ...(0, _reacttabster.createCustomFocusIndicatorStyle)({
+            opacity: 1
+        }, {
+            selector: 'focus-within'
+        })
+    },
+    hidden: {
+        opacity: 0
+    }
+});
+const useTableSelectionCellStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);
+    if (state.checkboxIndicator) {
+        state.checkboxIndicator.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
+    }
+    if (state.radioIndicator) {
+        state.radioIndicator.className = (0, _react.mergeClasses)(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);
+    }
+    return state;
+};