@mongodb-js/compass-components 1.67.1 → 1.69.0

package/dist/components/accordion.js

@@ -118,4 +118,3 @@ function Accordion({ text, hintText, textClassName, buttonTextClassName, open: _
                 hintText && (react_1.default.createElement(leafygreen_1.Description, { className: buttonHintStyles }, hintText)))),
         open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
 }
-//# sourceMappingURL=accordion.js.map

package/dist/components/actions/action-glyph.js

@@ -16,4 +16,3 @@ const ActionGlyph = ({ glyph, size, ...props }) => {
     return null;
 };
 exports.ActionGlyph = ActionGlyph;
-//# sourceMappingURL=action-glyph.js.map

package/dist/components/actions/constants.js

@@ -6,4 +6,3 @@ exports.ItemActionButtonSize = {
     Small: 'small',
     Default: 'default',
 };
-//# sourceMappingURL=constants.js.map

package/dist/components/actions/dropdown-menu-button.js

@@ -85,4 +85,3 @@ function DropdownMenuButton({ isVisible = true, actions, onAction, renderMode, a
                 : undefined }, label));
     })));
 }
-//# sourceMappingURL=dropdown-menu-button.js.map

package/dist/components/actions/item-action-button.js

@@ -11,4 +11,3 @@ const small_icon_button_1 = require("./small-icon-button");
 function ItemActionButton({ action, icon = react_1.default.createElement(react_1.default.Fragment, null), label, tooltip, iconSize = constants_1.ItemActionButtonSize.Default, onClick, iconClassName, className, iconStyle, isDisabled, 'data-testid': dataTestId, }) {
     return (react_1.default.createElement(small_icon_button_1.SmallIconButton, { key: action, glyph: icon, label: label, title: !tooltip ? label : undefined, size: iconSize, "data-action": action, "data-testid": dataTestId, onClick: onClick, className: (0, emotion_1.cx)(iconClassName, className), style: iconStyle, disabled: isDisabled }));
 }
-//# sourceMappingURL=item-action-button.js.map

package/dist/components/actions/item-action-controls.js

@@ -79,4 +79,3 @@ function ItemActionControls({ isVisible = true, actions, onAction, className, me
     }
     return react_1.default.createElement(item_action_group_1.ItemActionGroup, { actions: actions, ...sharedProps });
 }
-//# sourceMappingURL=item-action-controls.js.map

package/dist/components/actions/item-action-group.js

@@ -78,4 +78,3 @@ function ItemActionGroup({ actions, onAction, isVisible = true, setHidable, clas
         return item;
     })));
 }
-//# sourceMappingURL=item-action-group.js.map

package/dist/components/actions/item-action-menu.js

@@ -88,4 +88,3 @@ function ItemActionMenu({ actions, isVisible = true, setHidable, onAction, class
             return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": (0, utils_1.actionTestId)(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: react_1.default.createElement(action_glyph_1.ActionGlyph, { glyph: icon, size: iconSize }), onClick: onClick, variant: variant || 'default', disabled: isDisabled, description: isDisabled ? disabledDescription : '' }, label));
         }))));
 }
-//# sourceMappingURL=item-action-menu.js.map

package/dist/components/actions/small-icon-button.js

@@ -67,4 +67,3 @@ exports.SmallIconButton = (0, react_1.forwardRef)(function SmallIconButton({ gly
             react_1.default.createElement(action_glyph_1.ActionGlyph, { glyph: glyph, size: size })),
         children));
 });
-//# sourceMappingURL=small-icon-button.js.map

package/dist/components/actions/types.js

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

package/dist/components/actions/utils.js

@@ -31,4 +31,3 @@ function splitBySeparator(actions) {
     }
     return result;
 }
-//# sourceMappingURL=utils.js.map

package/dist/components/breadcrumb.js

@@ -90,4 +90,3 @@ const Breadcrumbs = ({ items, className, }) => {
         react_1.default.createElement(leafygreen_1.Body, { key: [items.length - 1, lastItem.name].join(''), className: (0, emotion_1.cx)(textStyles, darkMode ? lastItemStylesDark : lastItemStylesLight) }, lastItem.name)));
 };
 exports.Breadcrumbs = Breadcrumbs;
-//# sourceMappingURL=breadcrumb.js.map

package/dist/components/bson-value.d.ts

@@ -1,20 +1,31 @@
 import React from 'react';
 import type { TypeCastMap } from 'hadron-type-checker';
 import type { DBRef } from 'bson';
-type ValueProps = {
-    [type in keyof TypeCastMap]: {
-        type: type;
-        value: TypeCastMap[type];
-    };
-}[keyof TypeCastMap] | {
-    type: 'DBRef';
-    value: DBRef;
+type ValueTypeMap = TypeCastMap & {
+    DBRef: DBRef;
 };
-type ValueTypes = ValueProps['type'];
-export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
+type ValueTypes = keyof ValueTypeMap;
+/**
+ * ValueProps external interface is meant to provide a correlation between type
+ * and the type of value.
+ *
+ * So `T` is used to capture the type name and pick the corresponding type
+ * out of ValueTypeMap.
+ *
+ * @example
+ * ```ts
+ * function x<T extends ValueTypes>(props: ValueProps<T>) {}
+ * x({ type: 'String', value: 'example' });
+ * x({ type: 'Decimal128', value: 'test' }); // Error
+ * ```
+ */
+type ValueProps<T extends ValueTypes = ValueTypes> = {
+    type: T;
+    value: ValueTypeMap[T];
+};
+export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLSpanElement> & {
     type?: ValueTypes;
-    chidren?: React.ReactChildren;
 }>;
-declare const BSONValue: React.FunctionComponent<ValueProps>;
+declare function BSONValue<T extends ValueTypes>(genericProps: ValueProps<T>): React.JSX.Element;
 export default BSONValue;
 //# sourceMappingURL=bson-value.d.ts.map

package/dist/components/bson-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAWlC,KAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,KAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAyCrC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CA+BF,CAAC;AA2aF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkDlD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAalC,KAAK,YAAY,GAAG,WAAW,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnD,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,KAAK,UAAU,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IAAI;IACnD,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAgDF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAoBF,CAAC;AAqbF,iBAAS,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,qBAqDnE;AAED,eAAe,SAAS,CAAC"}

package/dist/components/bson-value.js

@@ -38,60 +38,42 @@ const react_1 = __importStar(require("react"));
 const hadron_type_checker_1 = require("hadron-type-checker");
 const bson_1 = require("bson");
 const mongodb_query_parser_1 = require("mongodb-query-parser");
-const code_1 = require("@leafygreen-ui/code");
 const leafygreen_1 = require("./leafygreen");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const emotion_1 = require("@leafygreen-ui/emotion");
-const use_theme_1 = require("../hooks/use-theme");
-const legacy_uuid_format_context_1 = require("./document-list/legacy-uuid-format-context");
+const bson_utils_1 = require("./document-list/bson-utils");
+const bson_display_options_context_1 = require("./document-list/bson-display-options-context");
+const date_with_timezone_hint_1 = require("./document-list/date-with-timezone-hint");
 function truncate(str, length = 70) {
     const truncated = str.slice(0, length);
     return length < str.length ? `${truncated}…` : str;
 }
-const VALUE_COLOR_BY_THEME_AND_TYPE = {
-    [use_theme_1.Themes.Dark]: {
-        Int32: code_1.variantColors.dark[9],
-        Double: code_1.variantColors.dark[9],
-        Decimal128: code_1.variantColors.dark[9],
-        Date: code_1.variantColors.dark[9],
-        Boolean: code_1.variantColors.dark[10],
-        String: code_1.variantColors.dark[7],
-        ObjectId: code_1.variantColors.dark[5],
-    },
-    [use_theme_1.Themes.Light]: {
-        Int32: code_1.variantColors.light[9],
-        Double: code_1.variantColors.light[9],
-        Decimal128: code_1.variantColors.light[9],
-        Date: code_1.variantColors.light[9],
-        Boolean: code_1.variantColors.light[10],
-        String: code_1.variantColors.light[7],
-        ObjectId: code_1.variantColors.light[5],
-    },
-};
+function truncateLines(str, lines = 3) {
+    let index = -1;
+    for (let i = 0; i < lines; i++) {
+        const next = str.indexOf('\n', index + 1);
+        if (next === -1)
+            return str;
+        index = next;
+    }
+    return `${str.slice(0, index)}…`;
+}
 const bsonValue = (0, emotion_1.css)({
+    display: `var(${bson_utils_1.bsonValueDisplayVar}, block)`,
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
 });
 const bsonValuePrewrap = (0, emotion_1.css)({
-    whiteSpace: 'pre-wrap',
+    whiteSpace: 'pre',
 });
+// A span so that it stays valid markup whatever `bsonValueDisplayVar` resolves
+// the display to, including inside the inline document list layout.
 const BSONValueContainer = ({ type, children, className, ...props }) => {
-    const darkMode = (0, use_theme_1.useDarkMode)();
-    const colorStyle = (0, react_1.useMemo)(() => {
-        if (!type) {
-            return;
-        }
-        return {
-            color: VALUE_COLOR_BY_THEME_AND_TYPE[darkMode ? use_theme_1.Themes.Dark : use_theme_1.Themes.Light][type],
-        };
-    }, [type, darkMode]);
-    return (react_1.default.createElement("div", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`), style: colorStyle }, children));
+    const bsonStyles = (0, bson_utils_1.useBsonThemeStyles)(type);
+    return (react_1.default.createElement("span", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`), style: bsonStyles }, children));
 };
 exports.BSONValueContainer = BSONValueContainer;
-const nonSelectable = (0, emotion_1.css)({
-    userSelect: 'none',
-});
 const encryptedHelpLinkStyle = (0, emotion_1.css)({
     color: 'inherit',
     marginLeft: tokens_1.spacing[100],
@@ -100,28 +82,25 @@ const ObjectIdValue = ({ value, }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         return String(value);
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue },
-        react_1.default.createElement("span", { className: nonSelectable }, "ObjectId('"),
-        stringifiedValue,
-        react_1.default.createElement("span", { className: nonSelectable }, "')")));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('ObjectId', stringifiedValue)));
 };
 const toLegacyJavaUUID = ({ value }) => {
     const hex = value.toString('hex');
     const reversedHex = (0, hadron_type_checker_1.reverseJavaUUIDBytes)(hex);
-    return "LegacyJavaUUID('" + (0, hadron_type_checker_1.uuidHexToString)(reversedHex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyJavaUUID', (0, hadron_type_checker_1.uuidHexToString)(reversedHex));
 };
 const toLegacyCSharpUUID = ({ value }) => {
     const hex = value.toString('hex');
     const reversedHex = (0, hadron_type_checker_1.reverseCSharpUUIDBytes)(hex);
-    return "LegacyCSharpUUID('" + (0, hadron_type_checker_1.uuidHexToString)(reversedHex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyCSharpUUID', (0, hadron_type_checker_1.uuidHexToString)(reversedHex));
 };
 const toLegacyPythonUUID = ({ value }) => {
     const hex = value.toString('hex');
-    return "LegacyPythonUUID('" + (0, hadron_type_checker_1.uuidHexToString)(hex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyPythonUUID', (0, hadron_type_checker_1.uuidHexToString)(hex));
 };
 // Binary sub_type 3.
 const LegacyUUIDValue = (bsonValue) => {
-    const legacyUUIDDisplayEncoding = (0, legacy_uuid_format_context_1.useLegacyUUIDDisplayContext)();
+    const { legacyUUIDDisplayEncoding } = (0, bson_display_options_context_1.useBSONDisplayOptions)();
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // UUID must be exactly 16 bytes.
         if (bsonValue.value.buffer.length === 16) {
@@ -167,17 +146,14 @@ const UUIDValue = ({ value, }) => {
             return value.toString('hex');
         }
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: stringifiedValue },
-        react_1.default.createElement("span", { className: nonSelectable }, "UUID('"),
-        stringifiedValue,
-        react_1.default.createElement("span", { className: nonSelectable }, "')")));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('UUID', stringifiedValue)));
 };
 // Legacy Java UUID value component
 const LegacyJavaUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyJavaUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyJavaUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -191,7 +167,7 @@ const LegacyCSharpUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyCSharpUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyCSharpUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -205,7 +181,7 @@ const LegacyPythonUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyPythonUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyPythonUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -285,19 +261,20 @@ const DateValue = ({ value, }) => {
             return String(value);
         }
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, stringifiedValue));
+    return (react_1.default.createElement(date_with_timezone_hint_1.DateWithTimezoneHint, { value: value },
+        react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('Date', stringifiedValue))));
 };
 const NumberValue = ({ type, value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
-        return String(value.valueOf());
-    }, [value]);
+        return (0, bson_utils_1.wrapValueWithBsonLabel)(type, String(value));
+    }, [value, type]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
 };
 const StringValue = ({ value, }) => {
     const truncatedValue = (0, react_1.useMemo)(() => {
-        return truncate(value, 70);
+        return truncateLines(truncate(value, 1000));
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: value },
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: truncatedValue },
         "\"",
         truncatedValue,
         "\""));
@@ -322,8 +299,8 @@ const KeyValue = ({ type }) => {
 };
 const DBRefValue = ({ value, }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
-        return `DBRef('${value.collection}', ${(0, mongodb_query_parser_1.stringify)(value.oid)}${value?.db ? `, '${value.db}'` : ''})`;
-    }, [value.collection, value.oid, value.db]);
+        return (0, mongodb_query_parser_1.toJSString)(value, 0);
+    }, [value]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: "DBRef", title: stringifiedValue }, stringifiedValue));
 };
 const SymbolValue = ({ value, }) => {
@@ -332,11 +309,11 @@ const SymbolValue = ({ value, }) => {
     }, [value]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONSymbol", title: stringifiedValue }, stringifiedValue));
 };
-const UnknownValue = ({ value }) => {
+const UnknownValue = ({ value, type }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         return String(value);
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { title: stringifiedValue }, stringifiedValue));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
 };
 const ArrayValue = ({ value, }) => {
     const lengthString = (0, react_1.useMemo)(() => {
@@ -346,7 +323,17 @@ const ArrayValue = ({ value, }) => {
         "Array ",
         lengthString));
 };
-const BSONValue = (props) => {
+const ObjectValue = ({ value, }) => {
+    const lengthString = (0, react_1.useMemo)(() => {
+        const keys = Object.keys(value ?? {});
+        return `(${keys.length === 0 ? 'empty' : keys.length})`;
+    }, [value]);
+    return (react_1.default.createElement(exports.BSONValueContainer, { title: `Object ${lengthString}` },
+        "Object ",
+        lengthString));
+};
+function BSONValue(genericProps) {
+    const props = genericProps;
     switch (props.type) {
         case 'ObjectId':
             return react_1.default.createElement(ObjectIdValue, { value: props.value });
@@ -367,6 +354,8 @@ const BSONValue = (props) => {
             return (react_1.default.createElement(LegacyPythonUUIDValue, { value: props.value }));
         case 'Int32':
         case 'Double':
+        case 'Int64':
+        case 'Decimal128':
             return react_1.default.createElement(NumberValue, { type: props.type, value: props.value });
         case 'String':
             return react_1.default.createElement(StringValue, { value: props.value });
@@ -386,10 +375,9 @@ const BSONValue = (props) => {
         case 'Array':
             return react_1.default.createElement(ArrayValue, { value: props.value });
         case 'Object':
-            return react_1.default.createElement(UnknownValue, { type: props.type, value: props.type });
+            return react_1.default.createElement(ObjectValue, { value: props.value });
         default:
             return (react_1.default.createElement(UnknownValue, { type: props.type, value: props.value }));
     }
-};
+}
 exports.default = BSONValue;
-//# sourceMappingURL=bson-value.js.map

package/dist/components/chevron-collapse-icon.js

@@ -12,4 +12,3 @@ exports.ChevronCollapse = (0, __1.createGlyphComponent)('ChevronCollapse', (prop
     return (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
         react_1.default.createElement("path", { d: "M4.25 3.25L8 6.5L11.75 3.25M4.25 12.75L8 9.5L11.75 12.75", stroke: strokeColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
 });
-//# sourceMappingURL=chevron-collapse-icon.js.map

package/dist/components/collapsible-field-set.js

@@ -26,11 +26,8 @@ const CollapsibleFieldSet = ({ description, disabled, helpUrl, label, onToggle,
                 ? ''
                 : (react_1.default.createElement(react_1.default.Fragment, null,
                     description,
-                    !!helpUrl && (
-                    // @ts-expect-error leafygreen doesn't allow non-string descriptions
-                    react_1.default.createElement(leafygreen_1.Link, { className: infoLinkStyles, href: helpUrl, "aria-label": label }, "Learn More")))) // LG Checkbox expects a string description, but we use Description component to include helpUrl.
+                    !!helpUrl && (react_1.default.createElement(leafygreen_1.Link, { className: infoLinkStyles, href: helpUrl, "aria-label": label }, "Learn More")))) // LG Checkbox expects a string description, but we use Description component to include helpUrl.
             , checked: toggled, id: id }),
         toggled && react_1.default.createElement("fieldset", { className: fieldsetStyles }, children)));
 };
 exports.CollapsibleFieldSet = CollapsibleFieldSet;
-//# sourceMappingURL=collapsible-field-set.js.map

package/dist/components/combobox-with-custom-option.js

@@ -75,4 +75,3 @@ const ComboboxWithCustomOption = ({ onChange, options: userOptions, multiselect
         }, onChange: selectValueAndRunOnChange }, comboboxOptions));
 };
 exports.ComboboxWithCustomOption = ComboboxWithCustomOption;
-//# sourceMappingURL=combobox-with-custom-option.js.map

package/dist/components/compass-components-provider.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { GuideCueProvider } from './guide-cue/guide-cue';
 import { SignalHooksProvider } from './signal-popover';
 import { type ContextMenuItem, type ContextMenuItemGroup } from './context-menu';
-import { type LegacyUUIDDisplay } from './document-list/legacy-uuid-format-context';
+import { type BSONDisplayOptions } from './document-list/bson-display-options-context';
 type GuideCueProviderProps = React.ComponentProps<typeof GuideCueProvider>;
 type CompassComponentsProviderProps = {
     /**
@@ -10,7 +10,8 @@ type CompassComponentsProviderProps = {
      * value will be derived from the system settings
      */
     darkMode?: boolean;
-    legacyUUIDDisplayEncoding?: LegacyUUIDDisplay;
+    legacyUUIDDisplayEncoding?: BSONDisplayOptions['legacyUUIDDisplayEncoding'];
+    timezone?: BSONDisplayOptions['timezone'];
     popoverPortalContainer?: HTMLElement;
     /**
      * Either React children or a render callback that will get the darkMode
@@ -25,15 +26,12 @@ type CompassComponentsProviderProps = {
      * zIndex for the stacked elements (modal, toast, popover)
      */
     stackedElementsZIndex?: number;
-    /**
-     * Set to disable context menus in the application.
-     */
-    disableContextMenus?: boolean;
     /**
      * Set to disable guide cues in the application
      */
     disableGuideCues?: boolean;
 } & {
+    onGuideCueShown?: GuideCueProviderProps['onShow'];
     onNextGuideGue?: GuideCueProviderProps['onNext'];
     onNextGuideCueGroup?: GuideCueProviderProps['onNextGroup'];
 } & {
@@ -50,7 +48,7 @@ type CompassComponentsProviderProps = {
 } & {
     onDrawerSectionOpen?: (drawerSectionId: string) => void;
     onDrawerSectionHide?: (drawerSectionId: string) => void;
-} & React.ComponentProps<typeof SignalHooksProvider>;
+} & Omit<React.ComponentProps<typeof SignalHooksProvider>, 'children'>;
 /**
  * This component combines most of the existing compass-component providers into
  * one for the purposes of being reused between compass-main (electron) and
@@ -63,6 +61,6 @@ type CompassComponentsProviderProps = {
  * whether or not it can be used completely interchangeably between electron and
  * browser environment.
  */
-export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, disableGuideCues, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
+export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, timezone, onGuideCueShown, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableGuideCues, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=compass-components-provider.d.ts.map

package/dist/components/compass-components-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAE1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,4CAA4C,CAAC;AAEpD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,iBAAiB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,GAAG;IACF,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAuCrD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,GAAI,0VAiBvC,8BAA8B,sBAqEhC,CAAC"}
+{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAE1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,8CAA8C,CAAC;AAEtD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,kBAAkB,CAAC,2BAA2B,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG;IACF,eAAe,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,GAAG;IACF,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAuCvE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,GAAI,gWAkBvC,8BAA8B,sBAsEhC,CAAC"}

package/dist/components/compass-components-provider.js

@@ -48,7 +48,7 @@ const use_stacked_component_1 = require("../hooks/use-stacked-component");
 const context_menu_1 = require("./context-menu");
 const drawer_portal_1 = require("./drawer-portal");
 const use_copy_paste_context_menu_1 = require("../hooks/use-copy-paste-context-menu");
-const legacy_uuid_format_context_1 = require("./document-list/legacy-uuid-format-context");
+const bson_display_options_context_1 = require("./document-list/bson-display-options-context");
 const darkModeMediaQuery = (() => {
     return typeof window !== 'undefined' && window.matchMedia
         ? window.matchMedia('(prefers-color-scheme: dark)')
@@ -91,7 +91,7 @@ function useDarkMode(_darkMode) {
  * whether or not it can be used completely interchangeably between electron and
  * browser environment.
  */
-const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, disableGuideCues, ...signalHooksProviderProps }) => {
+const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, timezone, onGuideCueShown, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableGuideCues, ...signalHooksProviderProps }) => {
     const darkMode = useDarkMode(_darkMode);
     // Leafygreen doesn't accept refs for dom elements so we are required to
     // trigger a state update when the popover ref is resolved. This is very
@@ -104,14 +104,14 @@ const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDi
         return { portalContainer, scrollContainer };
     }, [portalContainer, scrollContainer]);
     return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode, popoverPortalContainer: popoverPortalContainer },
-        react_1.default.createElement(legacy_uuid_format_context_1.LegacyUUIDDisplayContext.Provider, { value: legacyUUIDDisplayEncoding ?? '' },
+        react_1.default.createElement(bson_display_options_context_1.BSONDisplayOptionsProvider, { legacyUUIDDisplayEncoding: legacyUUIDDisplayEncoding, timezone: timezone },
             react_1.default.createElement(drawer_portal_1.DrawerContentProvider, { onDrawerSectionOpen: onDrawerSectionOpen, onDrawerSectionHide: onDrawerSectionHide },
                 react_1.default.createElement(use_stacked_component_1.StackedComponentProvider, { zIndex: stackedElementsZIndex },
                     react_1.default.createElement(link_1.RequiredURLSearchParamsProvider, { utmSource: utmSource, utmMedium: utmMedium },
-                        react_1.default.createElement(guide_cue_1.GuideCueProvider, { onNext: onNextGuideGue, onNextGroup: onNextGuideCueGroup, disabled: disableGuideCues },
+                        react_1.default.createElement(guide_cue_1.GuideCueProvider, { onShow: onGuideCueShown, onNext: onNextGuideGue, onNextGroup: onNextGuideCueGroup, disabled: disableGuideCues },
                             react_1.default.createElement(signal_popover_1.SignalHooksProvider, { ...signalHooksProviderProps },
                                 react_1.default.createElement(use_confirmation_1.ConfirmationModalArea, null,
-                                    react_1.default.createElement(context_menu_1.ContextMenuProvider, { disabled: disableContextMenus, onContextMenuOpen: onContextMenuOpen, onContextMenuItemClick: onContextMenuItemClick },
+                                    react_1.default.createElement(context_menu_1.ContextMenuProvider, { onContextMenuOpen: onContextMenuOpen, onContextMenuItemClick: onContextMenuItemClick },
                                         react_1.default.createElement(use_copy_paste_context_menu_1.CopyPasteContextMenu, null,
                                             react_1.default.createElement(use_toast_1.ToastArea, null, typeof children === 'function'
                                                 ? children({
@@ -122,4 +122,3 @@ const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDi
                                                 : children))))))))))));
 };
 exports.CompassComponentsProvider = CompassComponentsProvider;
-//# sourceMappingURL=compass-components-provider.js.map

package/dist/components/context-menu.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { type ContextMenuItem, type ContextMenuItemGroup, type ContextMenuWrapperProps } from '@mongodb-js/compass-context-menu';
 export type { ContextMenuItem, ContextMenuItemGroup, } from '@mongodb-js/compass-context-menu';
-export declare function ContextMenuProvider({ children, disabled, onContextMenuItemClick, onContextMenuOpen, }: {
+export declare function ContextMenuProvider({ children, onContextMenuItemClick, onContextMenuOpen, }: {
     children: React.ReactNode;
-    disabled?: boolean;
     onContextMenuOpen?: (itemGroups: ContextMenuItemGroup[]) => void;
     onContextMenuItemClick?: (itemGroup: ContextMenuItemGroup, item: ContextMenuItem) => void;
 }): React.JSX.Element;

package/dist/components/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAe1C,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAeA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,sBAAsB,GACvB,EAAE,uBAAuB,GAAG;IAC3B,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAoFA;AAED,+FAA+F;AAC/F,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,CACb,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IACrC,KAAK,EAAE,SAAS,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,CAAC;CACpD,CAAC,GACF,SAAS,CACZ,EAAE,EACH,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CA2BhC"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAkB1C,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAcA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,sBAAsB,GACvB,EAAE,uBAAuB,GAAG;IAC3B,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAoFA;AAED,+FAA+F;AAC/F,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,CACb,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IACrC,KAAK,EAAE,SAAS,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,CAAC;CACpD,CAAC,GACF,SAAS,CACZ,EAAE,EACH,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CA2BhC"}

package/dist/components/context-menu.js

@@ -46,14 +46,17 @@ const use_current_value_ref_1 = require("../hooks/use-current-value-ref");
 const menuStyles = (0, emotion_1.css)({
     paddingTop: tokens_1.spacing[150],
     paddingBottom: tokens_1.spacing[150],
+    width: 'max-content',
+    // LG default width for menu
+    minWidth: 210,
 });
 const itemStyles = (0, emotion_1.css)({
     paddingTop: 0,
     paddingBottom: 0,
     fontSize: '.8em',
 });
-function ContextMenuProvider({ children, disabled, onContextMenuItemClick, onContextMenuOpen, }) {
-    return (react_1.default.createElement(compass_context_menu_1.ContextMenuProvider, { disabled: disabled, menuWrapper: (props) => (react_1.default.createElement(ContextMenu, { ...props, onContextMenuItemClick: onContextMenuItemClick })), onContextMenuOpen: onContextMenuOpen }, children));
+function ContextMenuProvider({ children, onContextMenuItemClick, onContextMenuOpen, }) {
+    return (react_1.default.createElement(compass_context_menu_1.ContextMenuProvider, { menuWrapper: (props) => (react_1.default.createElement(ContextMenu, { ...props, onContextMenuItemClick: onContextMenuItemClick })), onContextMenuOpen: onContextMenuOpen }, children));
 }
 function ContextMenu({ menu, onContextMenuItemClick, }) {
     const menuRef = (0, react_1.useRef)(null);
@@ -116,4 +119,3 @@ function useContextMenuGroups(getGroups, dependencies = []) {
     const contextMenu = (0, compass_context_menu_1.useContextMenu)();
     return contextMenu.registerItemGroups(memoizedGroups);
 }
-//# sourceMappingURL=context-menu.js.map

package/dist/components/document-list/auto-focus-context.js

@@ -7,4 +7,3 @@ exports.AutoFocusContext = (0, react_1.createContext)(null);
 function useAutoFocusContext() {
     return (0, react_1.useContext)(exports.AutoFocusContext);
 }
-//# sourceMappingURL=auto-focus-context.js.map

package/dist/components/document-list/bson-display-options-context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type LegacyUUIDDisplay = '' | 'LegacyJavaUUID' | 'LegacyCSharpUUID' | 'LegacyPythonUUID';
+export type BSONDisplayOptions = {
+    legacyUUIDDisplayEncoding: LegacyUUIDDisplay;
+    timezone: string;
+};
+export declare const DEFAULT_BSON_DISPLAY_OPTIONS: BSONDisplayOptions;
+export declare const BSONDisplayOptionsContext: React.Context<BSONDisplayOptions>;
+export declare function useBSONDisplayOptions(): BSONDisplayOptions;
+export declare const BSONDisplayOptionsProvider: React.FunctionComponent<Partial<BSONDisplayOptions> & {
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=bson-display-options-context.d.ts.map

package/dist/components/document-list/bson-display-options-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bson-display-options-context.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/bson-display-options-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,iBAAiB,GACzB,EAAE,GACF,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,yBAAyB,EAAE,iBAAiB,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,kBAG1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,mCAErC,CAAC;AAEF,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAC9D,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkB7D,CAAC"}