@mongodb-js/compass-components 1.43.0 → 1.45.0

package/lib/components/leafygreen.js

@@ -36,8 +36,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.H1 = exports.Tooltip = exports.Toggle = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Stage = exports.Cell = exports.Row = exports.TableHead = exports.TableBody = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.Pipeline = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.MarketingModal = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.Language = exports.Icon = exports.HeaderRow = exports.HeaderCell = exports.ExpandedContent = exports.ConfirmationModal = exports.Code = exports.Chip = exports.Checkbox = exports.Card = exports.Banner = exports.Badge = exports.AtlasNavGraphic = exports.IconButton = exports.Button = exports.Link = exports.useMergeRefs = exports.usePrevious = void 0;
-exports.ComboboxOption = exports.ComboboxGroup = exports.Combobox = exports.getFilteredRowModel = exports.getExpandedRowModel = exports.useLeafyGreenTable = exports.flexRender = exports.InfoSprinkle = exports.SearchInput = exports.Description = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = void 0;
+exports.Tab = exports.Stage = exports.Cell = exports.Row = exports.TableHead = exports.TableBody = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.Pipeline = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.MarketingModal = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.Language = exports.Icon = exports.HeaderRow = exports.HeaderCell = exports.ExpandedContent = exports.ConfirmationModal = exports.Code = exports.Chip = exports.Checkbox = exports.Card = exports.Banner = exports.Badge = exports.AtlasNavGraphic = exports.useDrawerToolbarContext = exports.useDrawerStackContext = exports.DrawerStackProvider = exports.DrawerDisplayMode = exports.DrawerLayout = exports.Drawer = exports.IconButton = exports.Button = exports.Link = exports.useMergeRefs = exports.usePrevious = void 0;
+exports.ComboboxOption = exports.ComboboxGroup = exports.Combobox = exports.getFilteredRowModel = exports.getExpandedRowModel = exports.useLeafyGreenTable = exports.flexRender = exports.InfoSprinkle = exports.SearchInput = exports.Description = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.Toggle = exports.TextInput = exports.TextArea = exports.Tabs = void 0;
 const react_1 = __importStar(require("react"));
 // This file exports `@leafygreen-ui` components and wraps some of them.
 // 1. Import the components we use from leafygreen.
@@ -167,4 +167,11 @@ const TextInput = react_1.default.forwardRef(function TextInput({ defaultValue,
 });
 exports.TextInput = TextInput;
 TextInput.displayName = 'TextInput';
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return drawer_1.DrawerLayout; } });
+Object.defineProperty(exports, "DrawerDisplayMode", { enumerable: true, get: function () { return drawer_1.DisplayMode; } });
+Object.defineProperty(exports, "DrawerStackProvider", { enumerable: true, get: function () { return drawer_1.DrawerStackProvider; } });
+Object.defineProperty(exports, "useDrawerStackContext", { enumerable: true, get: function () { return drawer_1.useDrawerStackContext; } });
+Object.defineProperty(exports, "useDrawerToolbarContext", { enumerable: true, get: function () { return drawer_1.useDrawerToolbarContext; } });
 //# sourceMappingURL=leafygreen.js.map

package/lib/components/leafygreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}

package/lib/components/toolbar/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TOOLBAR_WIDTH = 48;
+export declare const ICON_BUTTON_HEIGHT = 48;
+//# sourceMappingURL=constants.d.ts.map

package/lib/components/toolbar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,kBAAkB,KAAK,CAAC"}

package/lib/components/toolbar/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_BUTTON_HEIGHT = exports.TOOLBAR_WIDTH = void 0;
+exports.TOOLBAR_WIDTH = 48;
+exports.ICON_BUTTON_HEIGHT = 48;
+//# sourceMappingURL=constants.js.map

package/lib/components/toolbar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/toolbar/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,EAAE,CAAC;AACnB,QAAA,kBAAkB,GAAG,EAAE,CAAC"}

package/lib/components/toolbar/context/index.d.ts

@@ -0,0 +1,3 @@
+export { ToolbarContextProvider, useToolbarContext } from './toolbar-context';
+export { ToolbarDescendantsContext, useToolbarDescendantsContext, } from './toolbar-descendants-context';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/toolbar/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC"}

package/lib/components/toolbar/context/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToolbarDescendantsContext = exports.ToolbarDescendantsContext = exports.useToolbarContext = exports.ToolbarContextProvider = void 0;
+var toolbar_context_1 = require("./toolbar-context");
+Object.defineProperty(exports, "ToolbarContextProvider", { enumerable: true, get: function () { return toolbar_context_1.ToolbarContextProvider; } });
+Object.defineProperty(exports, "useToolbarContext", { enumerable: true, get: function () { return toolbar_context_1.useToolbarContext; } });
+var toolbar_descendants_context_1 = require("./toolbar-descendants-context");
+Object.defineProperty(exports, "ToolbarDescendantsContext", { enumerable: true, get: function () { return toolbar_descendants_context_1.ToolbarDescendantsContext; } });
+Object.defineProperty(exports, "useToolbarDescendantsContext", { enumerable: true, get: function () { return toolbar_descendants_context_1.useToolbarDescendantsContext; } });
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/index.ts"],"names":[],"mappings":";;;AAAA,qDAA8E;AAArE,yHAAA,sBAAsB,OAAA;AAAE,oHAAA,iBAAiB,OAAA;AAClD,6EAGuC;AAFrC,wIAAA,yBAAyB,OAAA;AACzB,2IAAA,4BAA4B,OAAA"}

package/lib/components/toolbar/context/toolbar-context.d.ts

@@ -0,0 +1,6 @@
+import React, { type PropsWithChildren } from 'react';
+import type { ToolbarProviderProps } from './toolbar-context.types';
+export declare const ToolbarContext: React.Context<ToolbarProviderProps>;
+export declare const useToolbarContext: () => ToolbarProviderProps;
+export declare const ToolbarContextProvider: ({ children, focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick, darkMode, }: PropsWithChildren<ToolbarProviderProps>) => React.JSX.Element;
+//# sourceMappingURL=toolbar-context.d.ts.map

package/lib/components/toolbar/context/toolbar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-context.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,cAAc,qCAKzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,4BACoB,CAAC;AAEnD,eAAO,MAAM,sBAAsB,GAAI,oFAOpC,iBAAiB,CAAC,oBAAoB,CAAC,sBAiBzC,CAAC"}

package/lib/components/toolbar/context/toolbar-context.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarContextProvider = exports.useToolbarContext = exports.ToolbarContext = void 0;
+const react_1 = __importStar(require("react"));
+const leafygreen_provider_1 = __importDefault(require("@leafygreen-ui/leafygreen-provider"));
+const utils_1 = require("../utils");
+exports.ToolbarContext = (0, react_1.createContext)({
+    focusedIndex: undefined,
+    shouldFocus: false,
+    lgIds: (0, utils_1.getLgIds)(),
+    handleOnIconButtonClick: () => { },
+});
+const useToolbarContext = () => (0, react_1.useContext)(exports.ToolbarContext);
+exports.useToolbarContext = useToolbarContext;
+const ToolbarContextProvider = ({ children, focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick, darkMode = false, }) => {
+    const ToolbarProvider = exports.ToolbarContext.Provider;
+    const toolbarProviderData = (0, react_1.useMemo)(() => {
+        return {
+            focusedIndex,
+            shouldFocus,
+            lgIds,
+            handleOnIconButtonClick,
+        };
+    }, [focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick]);
+    return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode },
+        react_1.default.createElement(ToolbarProvider, { value: toolbarProviderData }, children)));
+};
+exports.ToolbarContextProvider = ToolbarContextProvider;
+//# sourceMappingURL=toolbar-context.js.map

package/lib/components/toolbar/context/toolbar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-context.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AAEf,6FAAoE;AAEpE,oCAAoC;AAIvB,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAuB;IAChE,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,IAAA,gBAAQ,GAAE;IACjB,uBAAuB,EAAE,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC,CAAC;AAEI,MAAM,iBAAiB,GAAG,GAAG,EAAE,CACpC,IAAA,kBAAU,EAAuB,sBAAc,CAAC,CAAC;AADtC,QAAA,iBAAiB,qBACqB;AAE5C,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,KAAK,EACL,uBAAuB,EACvB,QAAQ,GAAG,KAAK,GACwB,EAAE,EAAE;IAC5C,MAAM,eAAe,GAAG,sBAAc,CAAC,QAAQ,CAAC;IAEhD,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,OAAO;YACL,YAAY;YACZ,WAAW;YACX,KAAK;YACL,uBAAuB;SACxB,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,QAAQ;QACpC,8BAAC,eAAe,IAAC,KAAK,EAAE,mBAAmB,IAAG,QAAQ,CAAmB,CACtD,CACtB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,sBAAsB,0BAwBjC"}

package/lib/components/toolbar/context/toolbar-context.types.d.ts

@@ -0,0 +1,21 @@
+import type { DarkModeProps } from '@leafygreen-ui/lib';
+import type { GetLgIdsReturnType } from '../utils';
+export type ToolbarProviderProps = DarkModeProps & {
+    /**
+     * The index of the currently focused item in the toolbar.
+     */
+    focusedIndex?: number;
+    /**
+     * Whether the toolbar should focus the currently focused item. This will prevent this component from hijacking focus on initial page load.
+     */
+    shouldFocus?: boolean;
+    /**
+     * LGIDs for Toolbar components.
+     */
+    lgIds: GetLgIdsReturnType;
+    /**
+     * Callback to handle clicks on ToolbarIconButtons.
+     */
+    handleOnIconButtonClick: (event: React.MouseEvent<HTMLButtonElement>, focusedIndex: number, onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void) => void;
+};
+//# sourceMappingURL=toolbar-context.types.d.ts.map

package/lib/components/toolbar/context/toolbar-context.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-context.types.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC1C,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,KACvD,IAAI,CAAC;CACX,CAAC"}

package/lib/components/toolbar/context/toolbar-context.types.js

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

package/lib/components/toolbar/context/toolbar-context.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-context.types.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.types.ts"],"names":[],"mappings":""}

package/lib/components/toolbar/context/toolbar-descendants-context.d.ts

@@ -0,0 +1,5 @@
+export declare const ToolbarDescendantsContext: import("@leafygreen-ui/descendants/dist/Descendants/DescendantsContext").DescendantContextType<HTMLButtonElement>;
+export declare function useToolbarDescendantsContext(): {
+    descendants: import("@leafygreen-ui/descendants").DescendantsList<HTMLButtonElement>;
+};
+//# sourceMappingURL=toolbar-descendants-context.d.ts.map

package/lib/components/toolbar/context/toolbar-descendants-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-descendants-context.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-descendants-context.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,mHACoC,CAAC;AAE3E,wBAAgB,4BAA4B;;EAE3C"}

package/lib/components/toolbar/context/toolbar-descendants-context.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarDescendantsContext = void 0;
+exports.useToolbarDescendantsContext = useToolbarDescendantsContext;
+const descendants_1 = require("@leafygreen-ui/descendants");
+exports.ToolbarDescendantsContext = (0, descendants_1.createDescendantsContext)('ToolbarDescendantsContext');
+function useToolbarDescendantsContext() {
+    return (0, descendants_1.useDescendantsContext)(exports.ToolbarDescendantsContext);
+}
+//# sourceMappingURL=toolbar-descendants-context.js.map

package/lib/components/toolbar/context/toolbar-descendants-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-descendants-context.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-descendants-context.tsx"],"names":[],"mappings":";;;AAQA,oEAEC;AAVD,4DAGoC;AAEvB,QAAA,yBAAyB,GACpC,IAAA,sCAAwB,EAAoB,2BAA2B,CAAC,CAAC;AAE3E,SAAgB,4BAA4B;IAC1C,OAAO,IAAA,mCAAqB,EAAC,iCAAyB,CAAC,CAAC;AAC1D,CAAC"}

package/lib/components/toolbar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export { Toolbar, toolbarClassName, type ToolbarProps } from './toolbar';
+export { ToolbarIconButton, type ToolbarIconButtonProps, } from './toolbar-icon-button';
+export { DEFAULT_LGID_ROOT, getLgIds, type GetLgIdsReturnType } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/toolbar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLgIds = exports.DEFAULT_LGID_ROOT = exports.ToolbarIconButton = exports.toolbarClassName = exports.Toolbar = void 0;
+__exportStar(require("./constants"), exports);
+var toolbar_1 = require("./toolbar");
+Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
+Object.defineProperty(exports, "toolbarClassName", { enumerable: true, get: function () { return toolbar_1.toolbarClassName; } });
+var toolbar_icon_button_1 = require("./toolbar-icon-button");
+Object.defineProperty(exports, "ToolbarIconButton", { enumerable: true, get: function () { return toolbar_icon_button_1.ToolbarIconButton; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "DEFAULT_LGID_ROOT", { enumerable: true, get: function () { return utils_1.DEFAULT_LGID_ROOT; } });
+Object.defineProperty(exports, "getLgIds", { enumerable: true, get: function () { return utils_1.getLgIds; } });
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,qCAAyE;AAAhE,kGAAA,OAAO,OAAA;AAAE,2GAAA,gBAAgB,OAAA;AAClC,6DAG+B;AAF7B,wHAAA,iBAAiB,OAAA;AAGnB,iCAA+E;AAAtE,0GAAA,iBAAiB,OAAA;AAAE,iGAAA,QAAQ,OAAA"}

package/lib/components/toolbar/toolbar/index.d.ts

@@ -0,0 +1,4 @@
+export { Toolbar } from './toolbar';
+export { toolbarClassName } from './toolbar.styles';
+export { type ToolbarProps } from './toolbar.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/toolbar/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/toolbar/toolbar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbarClassName = exports.Toolbar = void 0;
+var toolbar_1 = require("./toolbar");
+Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
+var toolbar_styles_1 = require("./toolbar.styles");
+Object.defineProperty(exports, "toolbarClassName", { enumerable: true, get: function () { return toolbar_styles_1.toolbarClassName; } });
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,mDAAoD;AAA3C,kHAAA,gBAAgB,OAAA"}

package/lib/components/toolbar/toolbar/toolbar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ToolbarProps } from './toolbar.types';
+export declare const Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=toolbar.d.ts.map

package/lib/components/toolbar/toolbar/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,kGA+FnB,CAAC"}

package/lib/components/toolbar/toolbar/toolbar.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+const react_1 = __importStar(require("react"));
+const descendants_1 = require("@leafygreen-ui/descendants");
+const leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
+const lib_1 = require("@leafygreen-ui/lib");
+const context_1 = require("../context");
+const utils_1 = require("../utils");
+const toolbar_styles_1 = require("./toolbar.styles");
+exports.Toolbar = react_1.default.forwardRef(({ className, children, darkMode: darkModeProp, 'data-lgid': dataLgId = utils_1.DEFAULT_LGID_ROOT, ...rest }, forwardedRef) => {
+    const { darkMode, theme } = (0, leafygreen_provider_1.useDarkMode)(darkModeProp);
+    const { descendants, dispatch } = (0, descendants_1.useInitDescendants)(context_1.ToolbarDescendantsContext);
+    const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(0);
+    const childrenLength = descendants?.length ?? 0;
+    const [isUsingKeyboard, setIsUsingKeyboard] = (0, react_1.useState)(false);
+    const lgIds = (0, utils_1.getLgIds)(dataLgId);
+    /**
+     * Implements roving tabindex
+     * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex
+     * @param event Keyboard event
+     */
+    const handleKeyDown = (event) => {
+        // Note: Arrow keys don't fire a keyPress event — need to use onKeyDownCapture
+        // We only handle up and down arrow keys
+        switch (event.key) {
+            case lib_1.keyMap.ArrowDown:
+                event.stopPropagation();
+                event.preventDefault();
+                setIsUsingKeyboard(true);
+                setFocusedIndex((focusedIndex + 1) % childrenLength);
+                break;
+            case lib_1.keyMap.ArrowUp:
+                event.stopPropagation();
+                event.preventDefault();
+                setIsUsingKeyboard(true);
+                setFocusedIndex((focusedIndex - 1 + childrenLength) % childrenLength);
+                break;
+            default:
+                break;
+        }
+    };
+    /**
+     * Callback to handle click events on ToolbarIconButtons.
+     * Also updates the focused index to ensure that the correct button is focused when using the up/down arrows.
+     * @param event MouseEvent
+     * @param focusedIndex number
+     * @param onClick MouseEvent
+     */
+    const handleOnIconButtonClick = (event, focusedIndex, onClick) => {
+        onClick?.(event);
+        // This ensures that on click, the buttons tabIndex is set to 0 so that when the up/down arrows are pressed, the correct button is focused
+        setFocusedIndex(focusedIndex);
+    };
+    return (react_1.default.createElement(context_1.ToolbarContextProvider, { darkMode: darkMode, focusedIndex: focusedIndex, shouldFocus: isUsingKeyboard, lgIds: lgIds, handleOnIconButtonClick: handleOnIconButtonClick },
+        react_1.default.createElement(descendants_1.DescendantsProvider, { context: context_1.ToolbarDescendantsContext, descendants: descendants, dispatch: dispatch },
+            react_1.default.createElement("div", { role: "toolbar", ref: forwardedRef, className: (0, toolbar_styles_1.getBaseStyles)({ theme, className }), "aria-orientation": "vertical", onKeyDownCapture: handleKeyDown, onBlur: () => setIsUsingKeyboard(false), onMouseDown: () => setIsUsingKeyboard(false), "data-lgid": lgIds.root, "data-testid": lgIds.root, ...rest }, children))));
+});
+exports.Toolbar.displayName = 'Toolbar';
+//# sourceMappingURL=toolbar.js.map

package/lib/components/toolbar/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.tsx"],"names":[],"mappings":"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"}

package/lib/components/toolbar/toolbar/toolbar.styles.d.ts

@@ -0,0 +1,7 @@
+import { type Theme } from '@leafygreen-ui/lib';
+export declare const toolbarClassName: string;
+export declare const getBaseStyles: ({ theme, className, }: {
+    theme: Theme;
+    className?: string;
+}) => string;
+//# sourceMappingURL=toolbar.styles.d.ts.map

package/lib/components/toolbar/toolbar/toolbar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAKvE,eAAO,MAAM,gBAAgB,QAAsC,CAAC;AAEpE,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,WAoBE,CAAC"}

package/lib/components/toolbar/toolbar/toolbar.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBaseStyles = exports.toolbarClassName = void 0;
+const emotion_1 = require("@leafygreen-ui/emotion");
+const lib_1 = require("@leafygreen-ui/lib");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const constants_1 = require("../constants");
+exports.toolbarClassName = (0, lib_1.createUniqueClassName)('lg-toolbar');
+const getBaseStyles = ({ theme, className, }) => (0, emotion_1.cx)((0, emotion_1.css) `
+      height: 100%;
+      width: ${constants_1.TOOLBAR_WIDTH}px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      background: ${tokens_1.color[theme].background.primary.default};
+      border: 1px solid ${tokens_1.color[theme].border.secondary.default};
+
+      // Show the focus ring on the toolbar itself when a child element is focused and only when navigating with a keyboard
+      &:has(:focus-visible) {
+        box-shadow: ${tokens_1.focusRing[theme].default};
+        // So the focus ring overlaps sibling elements
+        z-index: 1;
+      }
+    `, exports.toolbarClassName, className);
+exports.getBaseStyles = getBaseStyles;
+//# sourceMappingURL=toolbar.styles.js.map

package/lib/components/toolbar/toolbar/toolbar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.styles.ts"],"names":[],"mappings":";;;AAAA,oDAAiD;AACjD,4CAAuE;AACvE,kDAAyD;AAEzD,4CAA6C;AAEhC,QAAA,gBAAgB,GAAG,IAAA,2BAAqB,EAAC,YAAY,CAAC,CAAC;AAE7D,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,GAIV,EAAE,EAAE,CACH,IAAA,YAAE,EACA,IAAA,aAAG,EAAA;;eAEQ,yBAAa;;;;oBAIR,cAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO;0BACjC,cAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO;;;;sBAIzC,kBAAS,CAAC,KAAK,CAAC,CAAC,OAAO;;;;KAIzC,EACD,wBAAgB,EAChB,SAAS,CACV,CAAC;AA1BS,QAAA,aAAa,iBA0BtB"}

package/lib/components/toolbar/toolbar/toolbar.types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { DarkModeProps, LgIdProps } from '@leafygreen-ui/lib';
+export interface ToolbarProps extends ComponentPropsWithRef<'div'>, DarkModeProps, LgIdProps {
+    children: React.ReactNode;
+}
+//# sourceMappingURL=toolbar.types.d.ts.map

package/lib/components/toolbar/toolbar/toolbar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACnE,MAAM,WAAW,YACf,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAClC,aAAa,EACb,SAAS;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/lib/components/toolbar/toolbar/toolbar.types.js

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

package/lib/components/toolbar/toolbar/toolbar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.types.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.types.ts"],"names":[],"mappings":""}

package/lib/components/toolbar/toolbar-icon-button/index.d.ts

@@ -0,0 +1,3 @@
+export { ToolbarIconButton } from './toolbar-icon-button';
+export { type ToolbarIconButtonProps } from './toolbar-icon-button.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/toolbar/toolbar-icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

package/lib/components/toolbar/toolbar-icon-button/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarIconButton = void 0;
+var toolbar_icon_button_1 = require("./toolbar-icon-button");
+Object.defineProperty(exports, "ToolbarIconButton", { enumerable: true, get: function () { return toolbar_icon_button_1.ToolbarIconButton; } });
+//# sourceMappingURL=index.js.map

package/lib/components/toolbar/toolbar-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-icon-button/index.ts"],"names":[],"mappings":";;;AAAA,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA"}

package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ToolbarIconButtonProps } from './toolbar-icon-button.types';
+export declare const ToolbarIconButton: React.ForwardRefExoticComponent<ToolbarIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=toolbar-icon-button.d.ts.map

package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-icon-button/toolbar-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,eAAO,MAAM,iBAAiB,kGAiF7B,CAAC"}

package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarIconButton = void 0;
+const react_1 = __importStar(require("react"));
+const descendants_1 = require("@leafygreen-ui/descendants");
+const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
+const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
+const leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
+const lib_1 = require("@leafygreen-ui/lib");
+const tooltip_1 = __importStar(require("@leafygreen-ui/tooltip"));
+const context_1 = require("../context");
+const toolbar_icon_button_styles_1 = require("./toolbar-icon-button.styles");
+exports.ToolbarIconButton = react_1.default.forwardRef(({ className, onClick, label, glyph, disabled = false, active = false, 'aria-label': ariaLabel, ...rest }, forwardedRef) => {
+    const { theme } = (0, leafygreen_provider_1.useDarkMode)();
+    const { index, ref } = (0, descendants_1.useDescendant)(context_1.ToolbarDescendantsContext, forwardedRef);
+    const { focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick } = (0, context_1.useToolbarContext)();
+    const isFocusable = index === focusedIndex;
+    if (focusedIndex === undefined) {
+        // eslint-disable-next-line no-console
+        console.error('ToolbarIconButton should only be used inside the Toolbar component.');
+    }
+    if (glyph === undefined) {
+        // eslint-disable-next-line no-console
+        console.error('A glpyh is required for ToolbarIconButton. Please provide a valid glyph. The list of available glyphs can be found in the LG Icon README, https://github.com/mongodb/leafygreen-ui/blob/main/packages/icon/README.md#properties.');
+    }
+    (0, react_1.useEffect)(() => {
+        // shouldFocus prevents this component from hijacking focus on initial page load.
+        if (isFocusable && shouldFocus)
+            ref.current?.focus();
+    }, [isFocusable, ref, shouldFocus]);
+    return (react_1.default.createElement(tooltip_1.default, { "data-testid": `${lgIds.iconButtonTooltip}-${index}`, "data-lgid": `${lgIds.iconButtonTooltip}-${index}`, align: tooltip_1.Align.Left, trigger: react_1.default.createElement("div", { className: toolbar_icon_button_styles_1.triggerStyles },
+            react_1.default.createElement(icon_button_1.default, { "aria-label": ariaLabel || (0, lib_1.getNodeTextContent)(label), active: active, className: (0, toolbar_icon_button_styles_1.getIconButtonStyles)({
+                    theme,
+                    active,
+                    disabled,
+                    className,
+                }), tabIndex: isFocusable ? 0 : -1, onClick: (event) => handleOnIconButtonClick(event, index, onClick), disabled: disabled, "data-testid": `${lgIds.iconButton}-${index}`, "data-lgid": `${lgIds.iconButton}-${index}`, "data-active": active, ref: ref, ...rest },
+                react_1.default.createElement(icon_1.default, { glyph: glyph }))) }, label));
+});
+exports.ToolbarIconButton.displayName = 'ToolbarIconButton';
+//# sourceMappingURL=toolbar-icon-button.js.map

package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-icon-button.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar-icon-button/toolbar-icon-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AAExE,4DAA2D;AAC3D,+DAAuC;AACvC,6EAAoD;AACpD,4EAAiE;AACjE,4CAAwD;AACxD,kEAAwD;AAExD,wCAA0E;AAE1E,6EAGsC;AAGzB,QAAA,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAI/C,CACE,EACE,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACgB,EACzB,YAAY,EACZ,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,iCAAW,GAAE,CAAC;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAA,2BAAa,EAClC,mCAAyB,EACzB,YAAY,CACb,CAAC;IACF,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,GACjE,IAAA,2BAAiB,GAAE,CAAC;IACtB,MAAM,WAAW,GAAG,KAAK,KAAK,YAAY,CAAC;IAE3C,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,qEAAqE,CACtE,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,kOAAkO,CACnO,CAAC;IACJ,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iFAAiF;QACjF,IAAI,WAAW,IAAI,WAAW;YAAE,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACvD,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,iBAAO,mBACO,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,EAAE,eACvC,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,EAAE,EAChD,KAAK,EAAE,eAAK,CAAC,IAAI,EACjB,OAAO,EACL,uCAAK,SAAS,EAAE,0CAAa;YAC3B,8BAAC,qBAAU,kBACG,SAAS,IAAI,IAAA,wBAAkB,EAAC,KAAK,CAAC,EAClD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,gDAAmB,EAAC;oBAC7B,KAAK;oBACL,MAAM;oBACN,QAAQ;oBACR,SAAS;iBACV,CAAC,EACF,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,CAAC,KAA0C,EAAE,EAAE,CACtD,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAEhD,QAAQ,EAAE,QAAQ,iBACL,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,EAAE,eAChC,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,EAAE,iBAC5B,MAAM,EACnB,GAAG,EAAE,GAAG,KACH,IAA2C;gBAEhD,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CACX,CACT,IAGP,KAAK,CACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}