feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Nav", {
+    enumerable: true,
+    get: function() {
+        return Nav;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useNav = require("./useNav");
+const _renderNav = require("./renderNav");
+const _useNavStylesstyles = require("./useNavStyles.styles");
+const _useNavContextValues = require("../useNavContextValues");
+const Nav = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNav.useNav_unstable)(props, ref);
+    const contextValues = (0, _useNavContextValues.useNavContextValues_unstable)(state);
+    (0, _useNavStylesstyles.useNavStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useHamburgerStyles_unstable')(state);
+    return (0, _renderNav.renderNav_unstable)(state, contextValues);
+});
+Nav.displayName = 'Nav';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/Nav.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNav_unstable } from './useNav';\nimport { renderNav_unstable } from './renderNav';\nimport { useNavStyles_unstable } from './useNavStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport type { NavProps } from './Nav.types';\n\n/**\n * Nav - A component that provides up to two levels of nesting for navigation.\n */\nexport const Nav: ForwardRefComponent<NavProps> = React.forwardRef((props, ref) => {\n  const state = useNav_unstable(props, ref);\n\n  const contextValues = useNavContextValues_unstable(state);\n\n  useNavStyles_unstable(state);\n  useCustomStyleHook_unstable('useHamburgerStyles_unstable')(state);\n\n  return renderNav_unstable(state, contextValues);\n});\n\nNav.displayName = 'Nav';\n"],"names":["React","useCustomStyleHook_unstable","useNav_unstable","renderNav_unstable","useNavStyles_unstable","useNavContextValues_unstable","Nav","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;wBAE9C,WAAW;2BACR,cAAc;oCACX,wBAAwB;qCACjB,yBAAyB;AAM/D,MAAMM,MAAAA,WAAAA,GAAqCN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,YAAQR,uBAAAA,EAAgBM,OAAOC;IAErC,MAAME,oBAAgBN,iDAAAA,EAA6BK;QAEnDN,yCAAAA,EAAsBM;QACtBT,gDAAAA,EAA4B,+BAA+BS;IAE3D,WAAOP,6BAAAA,EAAmBO,OAAOC;AACnC,GAAG;AAEHL,IAAIM,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/Nav.types.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport type { NavContextValue, NavItemValue } from '../NavContext.types';\n\nexport type NavSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\n/***\n * Indicates the vertical density of the Nav content.\n * This does not affect horizontal spacing.\n */\nexport type NavDensity = 'small' | 'medium';\n\n/**\n * Nav Props\n */\nexport type NavProps = ComponentProps<NavSlots> & {\n  /**\n   * The value of the navItem to be selected by default.\n   * Typically useful when the selectedValue is uncontrolled.\n   * Mutually exclusive with selectedValue.\n   * Empty string indicates no selection.\n   */\n  defaultSelectedValue?: NavItemValue;\n\n  /**\n   * The value of the navCategory to be selected by default.\n   * Typically useful when the selectedValue is uncontrolled.\n   * Mutually exclusive with selectedValue.\n   * Empty string indicates no selection.\n   */\n  defaultSelectedCategoryValue?: NavItemValue;\n\n  /**\n   * Set of categories that are opened by default.\n   * Typically useful when the openCategories is uncontrolled.\n   */\n  defaultOpenCategories?: NavItemValue[];\n\n  /**\n   * Controls the open categories.\n   * For use in controlled scenarios.\n   */\n  openCategories?: NavItemValue[];\n\n  /**\n   * Raised when a navItem is selected.\n   * If the navItem is child of a category, the categoryValue will be provided\n   */\n  onNavItemSelect?: EventHandler<OnNavItemSelectData>;\n\n  /**\n   * The value of the currently selected navItem.\n   * Mutually exclusive with defaultSelectedValue.\n   * @default undefined\n   */\n  selectedValue?: NavItemValue;\n\n  /**\n   * Indicates a category that has a selected child\n   * Will show the category as selected if it is closed.\n   * @default undefined\n   */\n  selectedCategoryValue?: NavItemValue;\n\n  /**\n   * Indicates if Nav supports multiple open Categories at the same time.\n   * @default true, indicating that multiple categories can be open at the same time.\n   */\n  multiple?: boolean;\n\n  /**\n   * Callback raised when a NavCategoryItem is toggled.\n   */\n  onNavCategoryItemToggle?: EventHandler<OnNavItemSelectData>;\n\n  /**\n   * The vertical density of the Nav and it's children\n   * @default 'medium'\n   */\n  density?: NavDensity;\n};\n\nexport type OnNavItemSelectData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n  /**\n   * The value of the selected navItem.\n   * In the case of a category selection, this will be the value of the selected category.\n   */\n  value: NavItemValue;\n\n  /**\n   * The parent value of the selected navSubItem\n   * Null if not a child of a category\n   */\n  categoryValue?: NavItemValue;\n};\n\n/**\n * State used in rendering Nav\n */\nexport type NavState = ComponentState<NavSlots> & NavContextValue;\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-nav/lib-commonjs/components/Nav/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, {
+    Nav: function() {
+        return _Nav.Nav;
+    },
+    navClassNames: function() {
+        return _useNavStylesstyles.navClassNames;
+    },
+    renderNav_unstable: function() {
+        return _renderNav.renderNav_unstable;
+    },
+    useNavStyles_unstable: function() {
+        return _useNavStylesstyles.useNavStyles_unstable;
+    },
+    useNav_unstable: function() {
+        return _useNav.useNav_unstable;
+    }
+});
+const _Nav = require("./Nav");
+const _renderNav = require("./renderNav");
+const _useNav = require("./useNav");
+const _useNavStylesstyles = require("./useNavStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/index.ts"],"sourcesContent":["export { Nav } from './Nav';\nexport type { NavSlots, NavProps, OnNavItemSelectData, NavState, NavDensity } from './Nav.types';\nexport { renderNav_unstable } from './renderNav';\nexport { useNav_unstable } from './useNav';\nexport { useNavStyles_unstable, navClassNames } from './useNavStyles.styles';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavStyles_unstable","navClassNames"],"mappings":";;;;;;;;;;;;eAASA,QAAG;;;eAIoBI,iCAAa;;;eAFpCH,6BAAkB;;;eAElBE,yCAAqB;;;eADrBD,uBAAe;;;qBAHJ,QAAQ;2BAEO,cAAc;wBACjB,WAAW;oCACU,wBAAwB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/renderNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavState, NavSlots } from './Nav.types';\nimport type { NavContextValues } from '../NavContext.types';\n\nexport const renderNav_unstable = (state: NavState, contextValues: NavContextValues): JSXElement => {\n  assertSlots<NavSlots>(state);\n\n  return (\n    <NavProvider value={contextValues.nav}>\n      <state.root />\n    </NavProvider>\n  );\n};\n"],"names":["assertSlots","NavProvider","renderNav_unstable","state","contextValues","value","nav","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;4BAE5B,gBAAgB;AAIrC,2BAA2B,CAACC,OAAiBC;QAClDJ,2BAAAA,EAAsBG;IAEtB,OAAA,WAAA,OACE,eAAA,EAACF,uBAAAA,EAAAA;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

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

@@ -0,0 +1,139 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNav_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNav_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");
+/**
+ * Initial value for the uncontrolled case of the list of open indexes
+ */ function initializeUncontrolledOpenCategories({ defaultOpenCategories, multiple }) {
+    if (defaultOpenCategories !== undefined) {
+        if (Array.isArray(defaultOpenCategories)) {
+            return multiple ? defaultOpenCategories : [
+                defaultOpenCategories[0]
+            ];
+        }
+        return [
+            defaultOpenCategories
+        ];
+    }
+    return undefined;
+}
+/**
+ * Updates the list of open indexes based on an index that changes
+ * @param value - the index that will change
+ * @param previousOpenItems - list of current open indexes
+ * @param multiple - if Nav supports open categories at the same time
+ */ const updateOpenCategories = (value, previousOpenItems, multiple)=>{
+    if (multiple) {
+        if (previousOpenItems.includes(value)) {
+            return previousOpenItems.filter((i)=>i !== value);
+        } else {
+            return [
+                ...previousOpenItems,
+                value
+            ];
+        }
+    }
+    return previousOpenItems[0] === value ? [] : [
+        value
+    ];
+};
+const useNav_unstable = (props, ref)=>{
+    const { onNavItemSelect, onNavCategoryItemToggle, multiple = true, density = 'medium', openCategories: controlledOpenCategoryItems, selectedCategoryValue: controlledSelectedCategoryValue, selectedValue: controlledSelectedValue, defaultOpenCategories, defaultSelectedValue, defaultSelectedCategoryValue } = props;
+    const innerRef = _react.useRef(null);
+    const [openCategories, setOpenCategories] = (0, _reactutilities.useControllableState)({
+        state: controlledOpenCategoryItems,
+        defaultState: initializeUncontrolledOpenCategories({
+            defaultOpenCategories,
+            multiple
+        }),
+        initialState: []
+    });
+    const [selectedCategoryValue, setSelectedCategoryValue] = (0, _reactutilities.useControllableState)({
+        state: controlledSelectedCategoryValue,
+        defaultState: defaultSelectedCategoryValue,
+        initialState: undefined
+    });
+    const [selectedValue, setSelectedValue] = (0, _reactutilities.useControllableState)({
+        state: controlledSelectedValue,
+        defaultState: defaultSelectedValue,
+        initialState: undefined
+    });
+    // considered usePrevious, but it is sensitive to re-renders
+    // this could cause the previous to move to current in the case where the navItem list re-renders.
+    // these refs avoid getRegisteredNavItems changing when selectedValue changes and causing
+    // renders for navItems that have not changed.
+    const currentSelectedValue = _react.useRef(undefined);
+    const previousSelectedValue = _react.useRef(undefined);
+    const currentSelectedCategoryValue = _react.useRef(undefined);
+    const previousSelectedCategoryValue = _react.useRef(undefined);
+    if (currentSelectedValue.current !== selectedValue) {
+        previousSelectedValue.current = currentSelectedValue.current;
+        currentSelectedValue.current = selectedValue;
+    }
+    if (currentSelectedCategoryValue.current !== selectedCategoryValue) {
+        previousSelectedCategoryValue.current = currentSelectedCategoryValue.current;
+        currentSelectedCategoryValue.current = selectedCategoryValue;
+    }
+    // used for NavItems and NavSubItems
+    const onSelect = (0, _reactutilities.useEventCallback)((event, data)=>{
+        setSelectedValue(data.value);
+        setSelectedCategoryValue(data.categoryValue ? data.categoryValue : '');
+        onNavItemSelect === null || onNavItemSelect === void 0 ? void 0 : onNavItemSelect(event, data);
+    });
+    // used for NavCategoryItems
+    const onRequestNavCategoryItemToggle = (0, _reactutilities.useEventCallback)((event, data)=>{
+        if (data.categoryValue !== undefined) {
+            const nextOpenCategories = updateOpenCategories(data.categoryValue, openCategories !== null && openCategories !== void 0 ? openCategories : [], multiple);
+            onNavCategoryItemToggle === null || onNavCategoryItemToggle === void 0 ? void 0 : onNavCategoryItemToggle(event, data);
+            setOpenCategories(nextOpenCategories);
+        }
+    });
+    const registeredNavItems = _react.useRef({});
+    const onRegister = _react.useCallback((data)=>{
+        registeredNavItems.current[JSON.stringify(data.value)] = data;
+    }, []);
+    const onUnregister = _react.useCallback((data)=>{
+        delete registeredNavItems.current[JSON.stringify(data.value)];
+    }, []);
+    const getRegisteredNavItems = _react.useCallback(()=>{
+        return {
+            selectedValue: currentSelectedValue.current,
+            previousSelectedValue: previousSelectedValue.current,
+            selectedCategoryValue: currentSelectedCategoryValue.current,
+            previousSelectedCategoryValue: previousSelectedCategoryValue.current,
+            registeredNavItems: registeredNavItems.current
+        };
+    }, []);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        openCategories,
+        selectedValue,
+        selectedCategoryValue,
+        onRegister,
+        onUnregister,
+        onSelect,
+        getRegisteredNavItems,
+        onRequestNavCategoryItemToggle,
+        multiple,
+        density,
+        tabbable: false
+    };
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/Nav/useNavStyles.styles.js

@@ -0,0 +1,44 @@
+'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, {
+    navClassNames: function() {
+        return navClassNames;
+    },
+    useNavStyles_unstable: function() {
+        return useNavStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const navClassNames = {
+    root: 'fui-Nav'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}"
+    ]
+});
+const useNavStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/Nav/useNavStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const navClassNames = {\n    root: 'fui-Nav'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\n/**\n * Apply styling to the Nav slots based on the state\n */ export const useNavStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","navClassNames","root","useStyles","mc9l5x","Beiy3e4","d","useNavStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,aAAa;;;IAaTM,qBAAqB;;;;uBAdG,gBAAgB;AAClD,sBAAsB;IACzBL,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAKrB,CAAC;AAGS,+BAA+BE,KAAK,IAAG;IAC9C,aAAa;IACb,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1BK,KAAK,CAACN,IAAI,CAACQ,SAAS,OAAGV,mBAAY,EAACC,aAAa,CAACC,IAAI,EAAEO,MAAM,CAACP,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;IAC1F,8CAAA;IACA,gFAAA;IACA,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-nav/lib-commonjs/components/Nav/useNavStyles.styles.raw.js

@@ -0,0 +1,39 @@
+'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, {
+    navClassNames: function() {
+        return navClassNames;
+    },
+    useNavStyles_unstable: function() {
+        return useNavStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const navClassNames = {
+    root: 'fui-Nav'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'flex',
+        flexDirection: 'column'
+    }
+});
+const useNavStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/Nav/useNavStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/useNavStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSlots, NavState } from './Nav.types';\n\nexport const navClassNames: SlotClassNames<NavSlots> = {\n  root: 'fui-Nav',\n  // TODO: add class names for all slots on NavSlots.\n  // Should be of the form `<slotName>: 'fui-Nav__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the Nav slots based on the state\n */\nexport const useNavStyles_unstable = (state: NavState): NavState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navClassNames","root","useStyles","display","flexDirection","useNavStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,aAAAA;;;yBAqBAK;eAAAA;;;uBAzB4B,iBAAiB;AAInD,sBAAgD;IACrDJ,MAAM;AAGR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,eAAe;IACjB;AAGF;AAKO,8BAA8B,CAACE;IACpC;IAEA,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,OAAGT,mBAAAA,EAAaC,cAAcC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEzF,8CAA8C;IAC9C,gFAAgF;IAEhF,OAAOF;AACT,EAAE"}