feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/NavDivider.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDivider", {
+    enumerable: true,
+    get: function() {
+        return NavDivider;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdivider = require("@fluentui/react-divider");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useNavDivider = require("./useNavDivider");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");
+const NavDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDivider.useNavDivider_unstable)(props, ref);
+    (0, _useNavDividerStylesstyles.useNavDividerStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useNavDividerStyles_unstable')(state);
+    return (0, _reactdivider.renderDivider_unstable)(state);
+});
+NavDivider.displayName = 'NavDivider';

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/NavDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/NavDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDivider_unstable } from './useNavDivider';\nimport { useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\nimport type { NavDividerProps } from './NavDivider.types';\n\n/**\n * NavDivider component - a divider used within navigation components to separate items.\n */\nexport const NavDivider: ForwardRefComponent<NavDividerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDivider_unstable(props, ref);\n\n  useNavDividerStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nNavDivider.displayName = 'NavDivider';\n"],"names":["React","renderDivider_unstable","useCustomStyleHook_unstable","useNavDivider_unstable","useNavDividerStyles_unstable","NavDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACQ,0BAA0B;qCAErB,kCAAkC;+BAEvC,kBAAkB;2CACZ,+BAA+B;AAMrE,MAAMK,aAAAA,WAAAA,GAAmDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQN,qCAAAA,EAAuBI,OAAOC;QAE5CJ,uDAAAA,EAA6BK;QAC7BP,gDAAAA,EAA4B,gCAAgCO;IAE5D,WAAOR,oCAAAA,EAAuBQ;AAChC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/NavDivider.types.js

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

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/NavDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/NavDivider.types.ts"],"sourcesContent":["import type { DividerProps, DividerState } from '@fluentui/react-divider';\n\n/**\n * NavDivider Props\n */\nexport type NavDividerProps = DividerProps;\n\n/**\n * State used in rendering NavDivider\n */\nexport type NavDividerState = DividerState;\n"],"names":[],"mappings":"AAOA;;CAEC,GACD,WAA2C"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/index.js

@@ -0,0 +1,27 @@
+"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, {
+    NavDivider: function() {
+        return _NavDivider.NavDivider;
+    },
+    navDividerClassNames: function() {
+        return _useNavDividerStylesstyles.navDividerClassNames;
+    },
+    useNavDividerStyles_unstable: function() {
+        return _useNavDividerStylesstyles.useNavDividerStyles_unstable;
+    },
+    useNavDivider_unstable: function() {
+        return _useNavDivider.useNavDivider_unstable;
+    }
+});
+const _NavDivider = require("./NavDivider");
+const _useNavDivider = require("./useNavDivider");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/index.ts"],"sourcesContent":["export { NavDivider } from './NavDivider';\nexport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nexport { useNavDivider_unstable } from './useNavDivider';\nexport { navDividerClassNames, useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\n"],"names":["NavDivider","useNavDivider_unstable","navDividerClassNames","useNavDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAGVE,+CAAoB;;;eAAEC,uDAA4B;;;eADlDF,qCAAsB;;;4BAFJ,eAAe;+BAEH,kBAAkB;2CACU,+BAA+B"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDivider.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDivider_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDivider_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdivider = require("@fluentui/react-divider");
+const useNavDivider_unstable = (props, ref)=>{
+    return (0, _reactdivider.useDivider_unstable)({
+        appearance: 'strong',
+        ...props
+    }, ref);
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/useNavDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nimport { useDivider_unstable } from '@fluentui/react-divider';\n\n/**\n * Create the state required to render NavDivider.\n *\n * The returned state can be modified with hooks such as useNavDividerStyles_unstable,\n * before being passed to renderNavDivider_unstable.\n *\n * @param props - props from this instance of NavDivider\n * @param ref - reference to root HTMLDivElement of NavDivider\n */\nexport const useNavDivider_unstable = (props: NavDividerProps, ref: React.Ref<HTMLElement>): NavDividerState => {\n  return useDivider_unstable({ appearance: 'strong', ...props }, ref);\n};\n"],"names":["React","useDivider_unstable","useNavDivider_unstable","props","ref","appearance"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BAEK,0BAA0B;AAWvD,MAAME,yBAAyB,CAACC,OAAwBC;IAC7D,WAAOH,iCAAAA,EAAoB;QAAEI,YAAY;QAAU,GAAGF,KAAK;IAAC,GAAGC;AACjE,EAAE"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js

@@ -0,0 +1,46 @@
+'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, {
+    navDividerClassNames: function() {
+        return navDividerClassNames;
+    },
+    useNavDividerStyles_unstable: function() {
+        return useNavDividerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdivider = require("@fluentui/react-divider");
+const navDividerClassNames = {
+    root: 'fui-NavDivider',
+    wrapper: 'fui-NavDivider__wrapper'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bh6795r: "f1jhi6b8",
+        B6of3ja: "fvjh0tl",
+        jrapky: "fd1gkq"
+    }
+}, {
+    d: [
+        ".f1jhi6b8{flex-grow:0;}",
+        ".fvjh0tl{margin-top:4px;}",
+        ".fd1gkq{margin-bottom:4px;}"
+    ]
+});
+const useNavDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDividerClassNames.root, styles.root, state.root.className);
+    state.wrapper.className = (0, _react.mergeClasses)(navDividerClassNames.wrapper, state.wrapper.className);
+    (0, _reactdivider.useDividerStyles_unstable)(state);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nexport const navDividerClassNames = {\n    root: 'fui-NavDivider',\n    wrapper: 'fui-NavDivider__wrapper'\n};\nconst useStyles = makeStyles({\n    root: {\n        flexGrow: 0,\n        marginTop: '4px',\n        marginBottom: '4px'\n    }\n});\n/**\n * Apply styling to the NavDivider slots based on the state\n */ export const useNavDividerStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n    state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n    useDividerStyles_unstable(state);\n    return state;\n};\n"],"names":["__styles","mergeClasses","useDividerStyles_unstable","navDividerClassNames","root","wrapper","useStyles","Bh6795r","B6of3ja","jrapky","d","useNavDividerStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,oBAAoB;;;gCAaY;;;;uBAfJ,gBAAgB;8BACf,yBAAyB;AAC5D,6BAA6B;IAChCC,IAAI,EAAE,gBAAgB;IACtBC,OAAO,EAAE;AACb,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMjB,CAAC;AAGS,MAAMC,gCAAgCC,KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1BM,KAAK,CAACR,IAAI,CAACU,SAAS,OAAGb,mBAAY,EAACE,oBAAoB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;IACjGF,KAAK,CAACP,OAAO,CAACS,SAAS,OAAGb,mBAAY,EAACE,oBAAoB,CAACE,OAAO,EAAEO,KAAK,CAACP,OAAO,CAACS,SAAS,CAAC;QAC7FZ,uCAAyB,EAACU,KAAK,CAAC;IAChC,OAAOA,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js

@@ -0,0 +1,40 @@
+'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, {
+    navDividerClassNames: function() {
+        return navDividerClassNames;
+    },
+    useNavDividerStyles_unstable: function() {
+        return useNavDividerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdivider = require("@fluentui/react-divider");
+const navDividerClassNames = {
+    root: 'fui-NavDivider',
+    wrapper: 'fui-NavDivider__wrapper'
+};
+const useStyles = (0, _react.makeStyles)({
+    root: {
+        flexGrow: 0,
+        marginTop: '4px',
+        marginBottom: '4px'
+    }
+});
+const useNavDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDividerClassNames.root, styles.root, state.root.className);
+    state.wrapper.className = (0, _react.mergeClasses)(navDividerClassNames.wrapper, state.wrapper.className);
+    (0, _reactdivider.useDividerStyles_unstable)(state);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/useNavDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable, type DividerSlots } from '@fluentui/react-divider';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDividerState } from './NavDivider.types';\n\nexport const navDividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-NavDivider',\n  wrapper: 'fui-NavDivider__wrapper',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    flexGrow: 0,\n    marginTop: '4px',\n    marginBottom: '4px',\n  },\n});\n\n/**\n * Apply styling to the NavDivider slots based on the state\n */\nexport const useNavDividerStyles_unstable = (state: NavDividerState): NavDividerState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n  state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n\n  useDividerStyles_unstable(state);\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useDividerStyles_unstable","navDividerClassNames","root","wrapper","useStyles","flexGrow","marginTop","marginBottom","useNavDividerStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,oBAAAA;;;IAgBAO,4BAAAA;;;;uBArB4B,iBAAiB;8BACG,0BAA0B;AAIhF,6BAA2D;IAChEN,MAAM;IACNC,SAAS;AACX,EAAE;AAEF,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BI,MAAM;QACJG,UAAU;QACVC,WAAW;QACXC,cAAc;IAChB;AACF;AAKO,qCAAqC,CAACE;IAC3C;IAEA,MAAMC,SAASN;IAEfK,MAAMP,IAAI,CAACS,SAAS,OAAGZ,mBAAAA,EAAaE,qBAAqBC,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAChGF,MAAMN,OAAO,CAACQ,SAAS,OAAGZ,mBAAAA,EAAaE,qBAAqBE,OAAO,EAAEM,MAAMN,OAAO,CAACQ,SAAS;QAE5FX,uCAAAA,EAA0BS;IAC1B,OAAOA;AACT,EAAE"}