@mongodb-js/compass-components 1.0.0 → 1.2.0

package/lib/components/interactive-popover.js

@@ -0,0 +1,132 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.InteractivePopover = void 0;
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const focus_trap_react_1 = __importDefault(require("focus-trap-react"));
+const leafygreen_1 = require("./leafygreen");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const palette_1 = require("@leafygreen-ui/palette");
+const polished_1 = require("polished");
+const use_theme_1 = require("../hooks/use-theme");
+const compass_ui_colors_1 = require("../compass-ui-colors");
+const borderRadius = tokens_1.spacing[2];
+const contentContainerStyles = (0, emotion_1.css)({
+    display: 'flex',
+    height: '100%',
+    alignItems: 'center',
+    borderRadius: borderRadius,
+    boxShadow: `0px 2px 4px -1px ${(0, polished_1.transparentize)(0.85, palette_1.uiColors.black)}`,
+    border: `1px solid`,
+    overflow: 'hidden',
+    width: 'fit-content',
+});
+const contentContainerStylesLight = (0, emotion_1.css)({
+    borderColor: palette_1.uiColors.gray.light2,
+    backgroundColor: compass_ui_colors_1.gray8,
+    color: palette_1.uiColors.gray.dark2,
+});
+const contentContainerStylesDark = (0, emotion_1.css)({
+    borderColor: palette_1.uiColors.gray.dark2,
+    backgroundColor: palette_1.uiColors.gray.dark3,
+    color: palette_1.uiColors.white,
+});
+function InteractivePopover({ className, children, trigger, open, setOpen, }) {
+    const { theme } = (0, use_theme_1.useTheme)();
+    const triggerRef = (0, react_1.useRef)(null);
+    const popoverContentContainerRef = (0, react_1.useRef)(null);
+    const onClose = (0, react_1.useCallback)(() => {
+        setOpen(false);
+        setTimeout(() => {
+            var _a;
+            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }, [setOpen]);
+    const onClickTrigger = (0, react_1.useCallback)(() => {
+        if (open) {
+            onClose();
+            return;
+        }
+        setOpen(!open);
+    }, [open, setOpen, onClose]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        const clickEventListener = (event) => {
+            if (!popoverContentContainerRef.current ||
+                popoverContentContainerRef.current.contains(event.target)) {
+                return;
+            }
+            if (!triggerRef.current ||
+                triggerRef.current.contains(event.target)) {
+                return;
+            }
+            onClose();
+        };
+        window.addEventListener('mousedown', clickEventListener);
+        window.addEventListener('touchstart', clickEventListener);
+        return () => {
+            window.removeEventListener('mousedown', clickEventListener);
+            window.removeEventListener('touchstart', clickEventListener);
+        };
+    }, [open, onClose]);
+    const onPopoverKeyDown = (0, react_1.useCallback)((evt) => {
+        if (evt.key === 'Escape') {
+            onClose();
+            return;
+        }
+    }, [onClose]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        document.addEventListener('keydown', onPopoverKeyDown);
+        return () => {
+            document.removeEventListener('keydown', onPopoverKeyDown);
+        };
+    }, [onPopoverKeyDown, open]);
+    return trigger({
+        onClick: onClickTrigger,
+        ref: triggerRef,
+        children: (react_1.default.createElement(leafygreen_1.Popover, { align: "bottom", justify: "start", active: open, adjustOnMutation: true, usePortal: true, spacing: 0, className: className, refEl: triggerRef }, open && (react_1.default.createElement(focus_trap_react_1.default, { focusTrapOptions: {
+                clickOutsideDeactivates: true,
+                tabbableOptions: {
+                    displayCheck: 'none',
+                },
+            } },
+            react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentContainerStyles, theme === use_theme_1.Theme.Dark
+                    ? contentContainerStylesDark
+                    : contentContainerStylesLight), ref: popoverContentContainerRef }, children({
+                onClose: onClose,
+            })))))),
+    });
+}
+exports.InteractivePopover = InteractivePopover;
+//# sourceMappingURL=interactive-popover.js.map

package/lib/components/interactive-popover.js.map

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

package/lib/components/item-action-controls.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export declare type ItemAction<Action> = {
+    action: Action;
+    label: string;
+    icon: string;
+};
+export declare type MenuAction<Action> = {
+    action: Action;
+    label: string;
+    icon?: string;
+};
+declare const ItemActionButtonSize: {
+    readonly Small: "small";
+    readonly Default: "default";
+};
+declare type ItemActionButtonSize = typeof ItemActionButtonSize[keyof typeof ItemActionButtonSize];
+export declare function ItemActionMenu<Action extends string>({ isVisible, actions, onAction, className, usePortal, iconClassName, iconSize, 'data-testid': dataTestId, }: {
+    actions: MenuAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    usePortal?: boolean;
+    iconClassName?: string;
+    iconSize?: ItemActionButtonSize;
+    isVisible?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export declare function ItemActionGroup<Action extends string>({ actions, onAction, className, iconClassName, iconSize, isVisible, 'data-testid': dataTestId, }: {
+    actions: ItemAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    iconClassName?: string;
+    iconSize?: ItemActionButtonSize;
+    isVisible?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export declare function ItemActionControls<Action extends string>({ isVisible, actions, onAction, className, iconClassName, iconSize, usePortal, collapseToMenuThreshold, 'data-testid': dataTestId, }: {
+    isVisible?: boolean;
+    actions: ItemAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    iconSize?: ItemActionButtonSize;
+    iconClassName?: string;
+    collapseToMenuThreshold?: number;
+    usePortal?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export {};
+//# sourceMappingURL=item-action-controls.d.ts.map

package/lib/components/item-action-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";AAMA,oBAAY,UAAU,CAAC,MAAM,IAAI;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,UAAU,CAAC,MAAM,IAAI;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGhB,CAAC;AAEX,aAAK,oBAAoB,GACvB,OAAO,oBAAoB,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAyEjE,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,EACpD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBA+EA;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,EACrD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,SAAgB,EAChB,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAqCA;AAED,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,MAAM,EAAE,EACxD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,SAAS,EACT,uBAA2B,EAC3B,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAiCA"}

package/lib/components/item-action-controls.js

@@ -0,0 +1,118 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemActionControls = exports.ItemActionGroup = exports.ItemActionMenu = void 0;
+const react_1 = __importStar(require("react"));
+const leafygreen_1 = require("./leafygreen");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const ItemActionButtonSize = {
+    Small: 'small',
+    Default: 'default',
+};
+const actionControlsStyle = (0, emotion_1.css)({
+    flex: 'none',
+    marginLeft: 'auto',
+    alignItems: 'center',
+    display: 'flex',
+});
+const actionGroupButtonStyle = (0, emotion_1.css)({
+    '&:not(:first-child)': {
+        marginLeft: tokens_1.spacing[1],
+    },
+});
+const iconContainerStyle = (0, emotion_1.css)({
+    display: 'block',
+    flex: 'none',
+    fontSize: 0,
+    lineHeight: 0,
+});
+const iconButtonSmallStyle = (0, emotion_1.css)({
+    flex: 'none',
+    width: `${tokens_1.spacing[4]}px !important`,
+    height: `${tokens_1.spacing[4]}px !important`,
+});
+function actionTestId(dataTestId, action) {
+    return dataTestId ? `${dataTestId}-${action}-action` : undefined;
+}
+const ItemActionButton = (0, react_1.forwardRef)(function IconButtonSmall({ glyph, size, label, onClick, children, title, className, ...rest }, ref) {
+    return (react_1.default.createElement(leafygreen_1.IconButton, { ref: ref, className: (0, emotion_1.cx)(size === ItemActionButtonSize.Small ? iconButtonSmallStyle : '', className), "aria-label": label, title: title, onClick: onClick, ...rest },
+        react_1.default.createElement("span", { role: "presentation", className: iconContainerStyle },
+            react_1.default.createElement(leafygreen_1.Icon, { size: size, glyph: glyph })),
+        children));
+});
+function ItemActionMenu({ isVisible = true, actions, onAction, className, usePortal, iconClassName, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
+    const menuTriggerRef = (0, react_1.useRef)(null);
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const onClick = (0, react_1.useCallback)((evt) => {
+        var _a;
+        evt.stopPropagation();
+        if (evt.currentTarget.dataset.menuitem) {
+            setIsMenuOpen(false);
+            (_a = menuTriggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        onAction(evt.currentTarget.dataset.action);
+    }, [onAction]);
+    const shouldRender = isMenuOpen || (isVisible && actions.length > 0);
+    if (!shouldRender) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className) },
+        react_1.default.createElement(leafygreen_1.Menu, { open: isMenuOpen, setOpen: setIsMenuOpen, refEl: menuTriggerRef, usePortal: usePortal, "data-testid": dataTestId, trigger: ({ onClick, children, }) => {
+                return (react_1.default.createElement(ItemActionButton, { ref: menuTriggerRef, size: iconSize, glyph: "Ellipsis", label: "Show actions", title: "Show actions", "data-testid": dataTestId ? `${dataTestId}-show-actions` : undefined, onClick: (evt) => {
+                        evt.stopPropagation();
+                        onClick && onClick(evt);
+                    }, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }, children));
+            } }, actions.map(({ action, label, icon }) => {
+            return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: icon ? react_1.default.createElement(leafygreen_1.Icon, { glyph: icon }) : undefined, onClick: onClick }, label));
+        }))));
+}
+exports.ItemActionMenu = ItemActionMenu;
+function ItemActionGroup({ actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, isVisible = true, 'data-testid': dataTestId, }) {
+    const onClick = (0, react_1.useCallback)((evt) => {
+        evt.stopPropagation();
+        onAction(evt.currentTarget.dataset.action);
+    }, [onAction]);
+    const shouldRender = isVisible && actions.length > 0;
+    if (!shouldRender) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className), "data-testid": dataTestId }, actions.map(({ action, icon, label }) => {
+        return (react_1.default.createElement(ItemActionButton, { key: action, glyph: icon, label: label, title: label, size: iconSize, "data-action": action, "data-testid": actionTestId(dataTestId, action), onClick: onClick, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }));
+    })));
+}
+exports.ItemActionGroup = ItemActionGroup;
+function ItemActionControls({ isVisible = true, actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, usePortal, collapseToMenuThreshold = 2, 'data-testid': dataTestId, }) {
+    if (actions.length === 0) {
+        return null;
+    }
+    const shouldShowMenu = actions.length >= collapseToMenuThreshold;
+    if (shouldShowMenu) {
+        return (react_1.default.createElement(ItemActionMenu, { actions: actions, className: (0, emotion_1.cx)('item-action-controls', className), "data-testid": dataTestId, iconClassName: iconClassName, iconSize: iconSize, isVisible: isVisible, onAction: onAction, usePortal: usePortal }));
+    }
+    return (react_1.default.createElement(ItemActionGroup, { isVisible: isVisible, actions: actions, onAction: onAction, className: (0, emotion_1.cx)('item-action-controls', className), iconSize: iconSize, "data-testid": dataTestId, iconClassName: iconClassName }));
+}
+exports.ItemActionControls = ItemActionControls;
+//# sourceMappingURL=item-action-controls.js.map

package/lib/components/item-action-controls.js.map

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

package/lib/components/leafygreen.d.ts

@@ -10,6 +10,7 @@ import { default as LeafyGreenIconButton } from '@leafygreen-ui/icon-button';
 import { AtlasLogoMark, MongoDBLogoMark, MongoDBLogo } from '@leafygreen-ui/logo';
 import { Menu, MenuSeparator, MenuItem } from '@leafygreen-ui/menu';
 import { default as LeafyGreenModal, Footer as LeafyGreenModalFooter } from '@leafygreen-ui/modal';
+import Popover from '@leafygreen-ui/popover';
 import { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
 import { Radio, RadioGroup as LeafyGreenRadioGroup } from '@leafygreen-ui/radio-group';
 import { SegmentedControlOption } from '@leafygreen-ui/segmented-control';
@@ -18,10 +19,26 @@ import { Table as LeafyGreenTable, TableHeader, Row, Cell } from '@leafygreen-ui
 import { Tabs as LeafyGreenTabs, Tab } from '@leafygreen-ui/tabs';
 import { default as LeafyGreenTextArea } from '@leafygreen-ui/text-area';
 import { default as LeafyGreenTextInput } from '@leafygreen-ui/text-input';
-import { default as Toast } from '@leafygreen-ui/toast';
+import { default as Toast, Variant as ToastVariant } from '@leafygreen-ui/toast';
 import { default as LeafyGreenToggle } from '@leafygreen-ui/toggle';
-import { default as LeafyGreenTooltip } from '@leafygreen-ui/tooltip';
-import { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Link } from '@leafygreen-ui/typography';
+import { H1 as LeafyGreenH1, H2 as LeafyGreenH2, H3 as LeafyGreenH3, Body as LeafyGreenBody, InlineCode as LeafyGreenInlineCode, InlineKeyCode as LeafyGreenInlineKeyCode, Disclaimer as LeafyGreenDisclaimer } from '@leafygreen-ui/typography';
+import { ComboboxOption, ComboboxGroup } from '@leafygreen-ui/combobox';
+declare const H1: typeof LeafyGreenH1;
+declare const H2: typeof LeafyGreenH2;
+declare const H3: typeof LeafyGreenH3;
+declare const Subtitle: import("@leafygreen-ui/box").ExtendableBox<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    ref?: undefined;
+    key?: React.Key | null | undefined;
+} & import("@leafygreen-ui/lib").DarkModeProps, "h6">;
+declare const Body: typeof LeafyGreenBody;
+declare const InlineCode: typeof LeafyGreenInlineCode;
+declare const InlineKeyCode: typeof LeafyGreenInlineKeyCode;
+declare const Disclaimer: typeof LeafyGreenDisclaimer;
+declare const Overline: import("@leafygreen-ui/box").ExtendableBox<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: undefined;
+    key?: React.Key | null | undefined;
+} & import("@leafygreen-ui/lib").DarkModeProps, "div">;
+declare const Link: import("@leafygreen-ui/box").ExtendableBox<import("@leafygreen-ui/typography/dist/Link").LinkProps, "a">;
 declare const Button: import("@leafygreen-ui/box").ExtendableBox<import("@leafygreen-ui/button/dist/types").ButtonProps & {
     ref?: React.Ref<any> | undefined;
 }, "button">;
@@ -40,7 +57,6 @@ declare const Tabs: typeof LeafyGreenTabs;
 declare const TextArea: typeof LeafyGreenTextArea;
 declare const TextInput: typeof LeafyGreenTextInput;
 declare const Toggle: typeof LeafyGreenToggle;
-declare const Tooltip: typeof LeafyGreenTooltip;
 declare const Label: {
     ({ darkMode, className, children, disabled, ...rest }: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         ref?: undefined;
@@ -53,13 +69,15 @@ declare const Label: {
     displayName: string;
 };
 declare const Description: {
-    ({ darkMode, children, className, ...rest }: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ({ darkMode, disabled, children, className, ...rest }: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: undefined;
         key?: React.Key | null | undefined;
     } & {
         darkMode?: boolean | undefined;
+        disabled?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };
-export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MongoDBLogoMark, MongoDBLogo, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Tab, Tabs, TextArea, TextInput, Toast, Toggle, Tooltip, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, };
+declare const Combobox: React.ComponentType<import("@leafygreen-ui/combobox/dist/Combobox.types").ComboboxProps<boolean>>;
+export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MongoDBLogoMark, MongoDBLogo, Popover, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Tab, Tabs, TextArea, TextInput, Toast, ToastVariant, Toggle, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, Combobox, ComboboxOption, ComboboxGroup, };
 //# sourceMappingURL=leafygreen.d.ts.map

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

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

package/lib/components/leafygreen.js

@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Description = exports.Link = 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.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
+exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
+exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = void 0;
 const use_theme_1 = require("../hooks/use-theme");
 const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
@@ -49,6 +50,8 @@ Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
 const modal_1 = __importStar(require("@leafygreen-ui/modal"));
+const popover_1 = __importDefault(require("@leafygreen-ui/popover"));
+exports.Popover = popover_1.default;
 const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
 Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
 Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
@@ -67,21 +70,34 @@ const tabs_1 = require("@leafygreen-ui/tabs");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
 const text_area_1 = __importDefault(require("@leafygreen-ui/text-area"));
 const text_input_1 = __importDefault(require("@leafygreen-ui/text-input"));
-const toast_1 = __importDefault(require("@leafygreen-ui/toast"));
+const toast_1 = __importStar(require("@leafygreen-ui/toast"));
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return toast_1.default; } });
+Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
 const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
-const tooltip_1 = __importDefault(require("@leafygreen-ui/tooltip"));
 const typography_1 = require("@leafygreen-ui/typography");
-Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return typography_1.H1; } });
-Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return typography_1.H2; } });
-Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return typography_1.H3; } });
-Object.defineProperty(exports, "Subtitle", { enumerable: true, get: function () { return typography_1.Subtitle; } });
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return typography_1.Body; } });
-Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function () { return typography_1.InlineCode; } });
-Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
-Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
-Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
+const combobox_1 = require("@leafygreen-ui/combobox");
+Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
+Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
+const H1 = (0, use_theme_1.withTheme)(typography_1.H1);
+exports.H1 = H1;
+const H2 = (0, use_theme_1.withTheme)(typography_1.H2);
+exports.H2 = H2;
+const H3 = (0, use_theme_1.withTheme)(typography_1.H3);
+exports.H3 = H3;
+const Subtitle = (0, use_theme_1.withTheme)(typography_1.Subtitle);
+exports.Subtitle = Subtitle;
+const Body = (0, use_theme_1.withTheme)(typography_1.Body);
+exports.Body = Body;
+const InlineCode = (0, use_theme_1.withTheme)(typography_1.InlineCode);
+exports.InlineCode = InlineCode;
+const InlineKeyCode = (0, use_theme_1.withTheme)(typography_1.InlineKeyCode);
+exports.InlineKeyCode = InlineKeyCode;
+const Disclaimer = (0, use_theme_1.withTheme)(typography_1.Disclaimer);
+exports.Disclaimer = Disclaimer;
+const Overline = (0, use_theme_1.withTheme)(typography_1.Overline);
+exports.Overline = Overline;
+const Link = (0, use_theme_1.withTheme)(typography_1.Link);
+exports.Link = Link;
 const Button = (0, use_theme_1.withTheme)(button_1.default);
 exports.Button = Button;
 const Card = (0, use_theme_1.withTheme)(card_1.default);
@@ -114,10 +130,10 @@ const TextInput = (0, use_theme_1.withTheme)(text_input_1.default);
 exports.TextInput = TextInput;
 const Toggle = (0, use_theme_1.withTheme)(toggle_1.default);
 exports.Toggle = Toggle;
-const Tooltip = (0, use_theme_1.withTheme)(tooltip_1.default);
-exports.Tooltip = Tooltip;
 const Label = (0, use_theme_1.withTheme)(typography_1.Label);
 exports.Label = Label;
 const Description = (0, use_theme_1.withTheme)(typography_1.Description);
 exports.Description = Description;
+const Combobox = (0, use_theme_1.withTheme)(combobox_1.Combobox);
+exports.Combobox = Combobox;
 //# 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/modal-title.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { H3 } from './leafygreen';
-declare function ModalTitle(props: React.ComponentProps<typeof H3>): React.ReactElement;
+declare function ModalTitle(props: Omit<React.ComponentProps<typeof H3>, 'as'>): React.ReactElement;
 export { ModalTitle };
 //# sourceMappingURL=modal-title.d.ts.map

package/lib/components/modal-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-title.d.ts","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,GACrC,KAAK,CAAC,YAAY,CAEpB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"modal-title.d.ts","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,iBAAS,UAAU,CACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,GACjD,KAAK,CAAC,YAAY,CAEpB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/modal-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AAEjD,6CAAkC;AAElC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,SAAS,UAAU,CACjB,KAAsC;IAEtC,OAAO,8BAAC,eAAE,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC;AAEQ,gCAAU"}
+{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AAEjD,6CAAkC;AAElC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,SAAS,UAAU,CACjB,KAAkD;IAElD,OAAO,8BAAC,eAAE,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC;AAEQ,gCAAU"}

package/lib/components/placeholder.js

@@ -40,8 +40,8 @@ const move = (0, emotion_1.keyframes)({
     },
 });
 const placeholder = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.light3,
-    '--gradient-end': 'rgba(235, 241, 239, 1)',
+    '--gradient-start': palette_1.uiColors.gray.light2,
+    '--gradient-end': palette_1.uiColors.gray.light3,
     alignSelf: 'center',
     borderRadius: 3,
     maxWidth: '80%',
@@ -58,8 +58,8 @@ const placeholder = (0, emotion_1.css)({
     animation: `${move} ${scale}s infinite linear`,
 });
 const placeholderDarkMode = (0, emotion_1.css)({
-    '--gradient-start': 'rgba(38, 55, 66, 1)',
-    '--gradient-end': 'rgba(47, 64, 74, 1)',
+    '--gradient-start': palette_1.uiColors.gray.dark2,
+    '--gradient-end': palette_1.uiColors.gray.dark3,
 });
 function getBoundRandom(min, max) {
     return Math.random() * (max - min) + min;

package/lib/components/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAClD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,wBAAwB;IAC1C,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,qBAAqB;IACzC,gBAAgB,EAAE,qBAAqB;CACxC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAClD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACvC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CACtC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}

package/lib/components/resizeable-sidebar.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
-declare const ResizableSidebar: ({ initialWidth, minWidth, children, }: {
+export declare const defaultSidebarWidth: number;
+declare const ResizableSidebar: ({ collapsable, expanded, setExpanded, initialWidth, minWidth, collapsedWidth, children, }: {
+    collapsable?: boolean | undefined;
+    expanded?: boolean | undefined;
+    setExpanded?: ((isExpaned: boolean) => void) | undefined;
     initialWidth?: number | undefined;
     minWidth?: number | undefined;
+    collapsedWidth?: number | undefined;
     children: JSX.Element;
 }) => JSX.Element;
 export default ResizableSidebar;

package/lib/components/resizeable-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAgEA,QAAA,MAAM,gBAAgB;;;cAOV,WAAW;MACnB,WAgCH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;+BAaM,OAAO,KAAK,IAAI;;;;cAIhC,WAAW;MACnB,WAuEH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}