@xlabs-store/core 0.0.1 → 0.0.3

package/dist/cjs/{x-menu-submenu.cjs.entry.js → x-list_2.cjs.entry.js}

@@ -1,7 +1,140 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
-var config = require('./config-BP9bROYD.js');
+var index = require('./index-Cy2P_ln3.js');
+var config = require('./config-BYR5qIIZ.js');
+
+const xListCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:var(--x-list-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-list-font-size, var(--x-font-size-base, 14px));font-variant:tabular-nums;line-height:var(--x-list-line-height, var(--x-line-height-base, 1.5715));list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:relative}.x-list-bordered{border:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-list-border-radius, var(--x-border-radius-xs, 4px))}.x-list-header,.x-list-footer{padding:var(--x-list-header-padding-block, var(--x-spacing-md, 16px)) var(--x-list-header-padding-inline, var(--x-spacing-lg, 24px));background:transparent}.x-list-header{border-bottom:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-split-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-list-footer{border-top:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-split-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-list-items{margin:0;padding:0;list-style:none}.x-list-loading{min-height:var(--x-list-loading-min-height, var(--x-control-height, 32px))}.x-list-loading .x-list-spin{text-align:center;padding:var(--x-list-loading-padding, var(--x-spacing-xl, 32px))}:host(.x-list-small) .x-list-header,:host(.x-list-small) .x-list-footer{padding:var(--x-list-header-padding-block-sm, var(--x-spacing-xs, 8px)) var(--x-list-header-padding-inline-sm, var(--x-spacing-md, 16px))}:host(.x-list-large) .x-list-header,:host(.x-list-large) .x-list-footer{padding:var(--x-list-header-padding-block, var(--x-spacing-md, 16px)) var(--x-list-header-padding-inline, var(--x-spacing-lg, 24px))}`;
+
+const XList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * Toggles rendering of the border around the list.
+     * @example
+     * <x-list bordered></x-list>
+     */
+    bordered = false;
+    /**
+     * Toggles rendering of the split under the list item.
+     * @example
+     * <x-list split={false}></x-list>
+     */
+    split = true;
+    /**
+     * List size.
+     * @example
+     * <x-list size="small"></x-list>
+     */
+    size = 'default';
+    /**
+     * List header.
+     * @example
+     * <x-list headerText="Top"></x-list>
+     */
+    headerText;
+    /**
+     * List footer.
+     * @example
+     * <x-list footerText="Bottom"></x-list>
+     */
+    footerText;
+    /**
+     * Loading status.
+     * @example
+     * <x-list loading></x-list>
+     */
+    loading = false;
+    /**
+     * Data source for the list.
+     * @example
+     * <x-list dataSource={[1,2,3]}></x-list>
+     */
+    dataSource;
+    /**
+     * Custom render function for items (when using dataSource).
+     * @example
+     * <x-list
+     *   dataSource={[{ name: 'A' }]}
+     *   renderItem={(item) => <x-list-item>{item.name}</x-list-item>}
+     * ></x-list>
+     */
+    renderItem;
+    /**
+     * Number of items to render initially and per scroll.
+     * @example
+     * <x-list pageSize={20}></x-list>
+     */
+    pageSize = 50;
+    /**
+     * Whether to enable infinite scroll.
+     * @example
+     * <x-list infiniteScroll></x-list>
+     */
+    infiniteScroll = false;
+    /**
+     * Current number of items visible in infinite scroll mode.
+     */
+    visibleCount = 50;
+    /**
+     * Initialize visible count from pageSize.
+     * @returns void
+     * @example
+     * <x-list pageSize={30}></x-list>
+     */
+    componentWillLoad() {
+        this.visibleCount = this.pageSize;
+    }
+    /**
+     * Handle scroll event to load more items when reaching threshold.
+     *
+     * Flow:
+     * 1. Checks if infinite scroll is enabled and data exists.
+     * 2. Calculates scroll position relative to height.
+     * 3. If within threshold (50px) of bottom:
+     *    - Checks if more items are available in `dataSource`.
+     *    - Increments `visibleCount` by `pageSize`.
+     *    - Triggers re-render.
+     *
+     * @param e - Scroll event from list container.
+     * @returns void
+     * @example
+     * <x-list infiniteScroll dataSource={[1,2,3]}></x-list>
+     */
+    handleScroll = (e) => {
+        // Exit early when infinite scroll is disabled or no data source exists.
+        if (!this.infiniteScroll || !this.dataSource)
+            return;
+        const target = e.target;
+        const threshold = 50;
+        // If scrolled near bottom, expand visible items.
+        if (target.scrollTop + target.clientHeight >= target.scrollHeight - threshold) {
+            // Only increase when there are more items remaining.
+            if (this.visibleCount < this.dataSource.length) {
+                this.visibleCount += this.pageSize;
+            }
+        }
+    };
+    /**
+     * Render list layout, header/footer, loading state, and items.
+     * @returns JSX.Element
+     * @example
+     * <x-list dataSource={['A','B']}></x-list>
+     */
+    render() {
+        // Determine whether to render dataSource or slot items.
+        const hasDataSource = this.dataSource && this.dataSource.length > 0;
+        const itemsToShow = hasDataSource ? this.dataSource.slice(0, this.visibleCount) : [];
+        return (index.h(index.Host, { key: '4dd254191141d836a5177990a35eab59c07a9d35', class: {
+                'x-list': true,
+                'x-list-bordered': this.bordered,
+                'x-list-split': this.split,
+                [`x-list-${this.size}`]: true,
+                'x-list-loading': this.loading,
+            }, onScroll: this.handleScroll, style: this.infiniteScroll ? { overflowY: 'auto', maxHeight: '100%' } : {} }, this.headerText && index.h("div", { key: '4d93693dde41c5f3906f81e2413eb10340c260f0', class: "x-list-header" }, this.headerText), index.h("slot", { key: '766289b37c14bd720d253cb160ff8c8f663ece92', name: "header" }), this.loading ? (index.h("div", { class: "x-list-spin" }, index.h("x-spin", null))) : (index.h("div", { class: "x-list-items" }, hasDataSource ? itemsToShow.map((item, index$1) => (this.renderItem ? this.renderItem(item, index$1) : index.h("x-list-item", null, String(item)))) : index.h("slot", null))), this.footerText && index.h("div", { key: 'e82638a4ab291a6f632c90fc97d07a9c51b3af08', class: "x-list-footer" }, this.footerText), index.h("slot", { key: '11bbdb509e724d5d6f1533464fa1275175a015d9', name: "footer" })));
+    }
+};
+XList.style = xListCss();
 
 const xMenuSubmenuCss = () => `@charset "UTF-8";:host{display:block;position:relative;margin:0 var(--x-menu-item-margin-inline, 4px) var(--x-menu-item-margin-block, 4px)}.x-menu-submenu-title{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--x-menu-item-height, 40px);padding:0 var(--x-menu-item-padding-inline, 16px);-webkit-padding-end:calc(var(--x-menu-item-padding-inline, 16px) + var(--x-menu-submenu-arrow-size, 10px) + var(--x-menu-submenu-arrow-margin, 10px));padding-inline-end:calc(var(--x-menu-item-padding-inline, 16px) + var(--x-menu-submenu-arrow-size, 10px) + var(--x-menu-submenu-arrow-margin, 10px));border-radius:var(--x-menu-item-border-radius, var(--x-border-radius-lg, 8px));color:var(--x-menu-item-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));cursor:pointer;-webkit-transition:color var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:color var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-menu-submenu-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-width:14px;-webkit-margin-end:10px;margin-inline-end:10px;font-size:14px}.x-menu-submenu-icon:empty{display:none}.x-menu-submenu-title-content{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.x-menu-submenu-arrow{position:absolute;top:50%;right:var(--x-menu-item-padding-inline, 16px);width:var(--x-menu-submenu-arrow-size, 10px);height:var(--x-menu-submenu-arrow-size, 10px);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:-webkit-transform var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:transform var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:transform var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-transform var(--x-menu-item-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-menu-submenu-arrow svg{width:100%;height:100%}:host(.x-menu-submenu-open) .x-menu-submenu-arrow{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.x-menu-submenu-inline{margin:0;padding:0;list-style:none;overflow:hidden;max-height:0;opacity:0;-webkit-transition:max-height var(--x-menu-submenu-collapse-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), opacity var(--x-menu-submenu-collapse-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:max-height var(--x-menu-submenu-collapse-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), opacity var(--x-menu-submenu-collapse-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-item-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-menu-submenu-inline-open{max-height:1000px;opacity:1}.x-menu-submenu-popup{position:absolute;top:0;left:100%;min-width:var(--x-menu-submenu-popup-min-width, 160px);z-index:var(--x-menu-submenu-popup-z-index, 1050);padding:4px 0;background:var(--x-menu-submenu-popup-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-menu-submenu-popup-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-menu-submenu-popup-box-shadow, var(--x-box-shadow-secondary, 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)));box-shadow:var(--x-menu-submenu-popup-box-shadow, var(--x-box-shadow-secondary, 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)))}.x-menu-submenu-popup-inner{margin:0;padding:var(--x-menu-submenu-popup-padding, var(--x-padding-xxs, 4px));list-style:none}:host(.x-menu-submenu-light) .x-menu-submenu-title{color:var(--x-menu-item-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}:host(.x-menu-submenu-light):hover .x-menu-submenu-title,:host(.x-menu-submenu-light) .x-menu-submenu-title-hover{color:var(--x-menu-item-color-hover, var(--x-color-text, rgba(0, 0, 0, 0.88)));background-color:var(--x-menu-item-bg-hover, rgba(0, 0, 0, 0.06))}:host(.x-menu-submenu-light).x-menu-submenu-selected .x-menu-submenu-title{color:var(--x-menu-submenu-title-color-selected, var(--x-color-primary, #1677ff))}:host(.x-menu-submenu-light).x-menu-submenu-disabled{cursor:not-allowed}:host(.x-menu-submenu-light).x-menu-submenu-disabled .x-menu-submenu-title{color:var(--x-menu-item-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));background:none;cursor:not-allowed}:host(.x-menu-submenu-light) .x-menu-submenu-inline{background:var(--x-menu-submenu-inline-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)))}:host(.x-menu-submenu-dark) .x-menu-submenu-title{color:var(--x-menu-item-dark-color, rgba(255, 255, 255, 0.65))}:host(.x-menu-submenu-dark):hover .x-menu-submenu-title,:host(.x-menu-submenu-dark) .x-menu-submenu-title-hover{color:var(--x-menu-item-dark-color-hover, #ffffff);background-color:rgba(255, 255, 255, 0.08)}:host(.x-menu-submenu-dark).x-menu-submenu-selected .x-menu-submenu-title{color:var(--x-menu-item-dark-color-selected, #ffffff)}:host(.x-menu-submenu-dark).x-menu-submenu-disabled{cursor:not-allowed}:host(.x-menu-submenu-dark).x-menu-submenu-disabled .x-menu-submenu-title{color:var(--x-menu-item-dark-color-disabled, rgba(255, 255, 255, 0.25));background:none;cursor:not-allowed}:host(.x-menu-submenu-dark) .x-menu-submenu-inline{background:var(--x-menu-submenu-dark-inline-bg, var(--x-menu-dark-submenu-item-bg, #000c17))}:host(.x-menu-submenu-dark) .x-menu-submenu-popup{background:var(--x-menu-submenu-dark-popup-bg, var(--x-menu-dark-popup-bg, #001529))}:host(.x-menu-submenu-collapsed){margin:0 auto var(--x-menu-item-margin-block, 4px);width:calc(100% - var(--x-menu-item-margin-inline, 4px) * 2)}:host(.x-menu-submenu-collapsed) .x-menu-submenu-title{-ms-flex-pack:center;justify-content:center;padding:0;-webkit-padding-end:0;padding-inline-end:0}:host(.x-menu-submenu-collapsed) .x-menu-submenu-icon{-webkit-margin-end:0;margin-inline-end:0}:host(.x-menu-submenu-collapsed) .x-menu-submenu-title-content,:host(.x-menu-submenu-collapsed) .x-menu-submenu-arrow{display:none;width:0;opacity:0;overflow:hidden}:host(.x-menu-submenu-collapsed) .x-menu-submenu-popup{top:0;left:100%}:host(.x-menu-submenu-collapsed-hidden){display:none !important}:host(.x-menu-submenu-horizontal){margin:0}:host(.x-menu-submenu-horizontal) .x-menu-submenu-title{height:46px;line-height:46px;border-radius:0}:host(.x-menu-submenu-horizontal) .x-menu-submenu-arrow{display:none}:host(.x-menu-submenu-horizontal) .x-menu-submenu-popup{top:100%;left:0}:host(.x-menu-submenu-vertical) .x-menu-submenu-arrow{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}:host(.x-menu-submenu-vertical).x-menu-submenu-open .x-menu-submenu-arrow{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}:host(.x-menu-submenu-inline) .x-menu-submenu-arrow{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}:host(.x-menu-submenu-inline).x-menu-submenu-open .x-menu-submenu-arrow{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}:host(.x-menu-submenu-open)>.x-menu-submenu-title{color:var(--x-menu-submenu-title-color-selected, var(--x-color-primary, #1677ff))}:host(.x-menu-submenu-dark.x-menu-submenu-open)>.x-menu-submenu-title{color:var(--x-menu-item-dark-color-selected, #ffffff)}`;
 
@@ -215,7 +348,7 @@ const XMenuSubmenu = class {
             this.xSubmenuToggle.emit({
                 key: this.itemKey,
                 open: newOpen,
-                keyPath
+                keyPath,
             });
         }
         else {
@@ -224,7 +357,7 @@ const XMenuSubmenu = class {
             this.xSubmenuToggle.emit({
                 key: this.itemKey,
                 open: newOpen,
-                keyPath
+                keyPath,
             });
         }
     }
@@ -342,13 +475,13 @@ const XMenuSubmenu = class {
             'x-menu-submenu-title-hover': this.isHovered,
         };
         const titleStyle = paddingInlineStart ? { paddingInlineStart } : {};
-        return (index.h(index.Host, { key: '7a0f817539844140ad83ff86c5e67d269f32dde9', class: hostClasses, role: "menuitem", "aria-haspopup": "true", "aria-expanded": isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '5ff688a0d391e664bd0359692b4895af6ec5ee0f', class: titleClasses, style: titleStyle, part: "title", onClick: this.handleTitleClick }, index.h("span", { key: '864b72529eb0dac28e98a252306f727bd4f4f074', class: "x-menu-submenu-icon", part: "icon" }, index.h("slot", { key: '8b6fe29000a7352b8f76c71c8d3e486b4c2d9aed', name: "icon" })), index.h("span", { key: '1dcfc181b7ecf828f9b5ab13608dc6f5403771d3', class: "x-menu-submenu-title-content", part: "title-content" }, index.h("slot", { key: 'bc6b5c12ec5d57b65272f07f6b3c408f321e2ea3', name: "title" })), index.h("span", { key: '2a0f27c87dc2a495ef848a5df37853f41fb1f8d9', class: "x-menu-submenu-arrow", part: "arrow" }, index.h("x-icon", { key: '0bd3c3cdbb1fbdb2d0858ba6c31173d7d1d7b2d3', name: config.getIcon('arrowRight'), rotate: isInlineMode && isOpen ? 90 : 0 }))), isInlineMode && (index.h("ul", { key: 'bd741a9d4ee11aedeb7494b2f495f5946ee4fc00', class: {
+        return (index.h(index.Host, { key: 'e4a0705574e529c634d3a480788efab8ac9b87ce', class: hostClasses, role: "menuitem", "aria-haspopup": "true", "aria-expanded": isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '3ffa29eef26798b8f91677a97d8890c5ced5bdb4', class: titleClasses, style: titleStyle, part: "title", onClick: this.handleTitleClick }, index.h("span", { key: '4e2e560eed780d1e35428c5e1edc15038d538e01', class: "x-menu-submenu-icon", part: "icon" }, index.h("slot", { key: '47415f35593c3e712d7776f2de6248a5d1c39bfa', name: "icon" })), index.h("span", { key: '9982a2b30eb434d21e49b80ea98423399547389d', class: "x-menu-submenu-title-content", part: "title-content" }, index.h("slot", { key: '186b3d447b9058877c7e0b7a341494accacb7155', name: "title" })), index.h("span", { key: '58c66dee7aa30c271b857583ec45a7834bdc0ffa', class: "x-menu-submenu-arrow", part: "arrow" }, index.h("x-icon", { key: '8944b7d70250fc836b0077aadceabef5e4010614', name: config.getIcon('arrowRight'), rotate: isInlineMode && isOpen ? 90 : 0 }))), isInlineMode && (index.h("ul", { key: '494d8c8b5c8adfd09a1e171be1420f0ed4fd43ca', class: {
                 'x-menu-submenu-inline': true,
                 'x-menu-submenu-inline-open': isOpen,
-            }, part: "list" }, index.h("slot", { key: 'a55e59d6d1f167f9bd5ef664744764e5c6b92697' }))), !isInlineMode && isOpen && (index.h("div", { key: '9ab5be77463fa20ff7b7b8b077dd81db473d52b2', class: {
+            }, part: "list" }, index.h("slot", { key: '5e382ba6798d7a308a35796385c8282872e2cd3b' }))), !isInlineMode && isOpen && (index.h("div", { key: '14235dda25421d295390183262a6bf2b3ea0016e', class: {
                 'x-menu-submenu-popup': true,
                 [this.popupClassName || '']: !!this.popupClassName,
-            }, part: "popup" }, index.h("ul", { key: '9c05c457b097af764eb95ed4d983b4ecfc839276', class: "x-menu-submenu-popup-inner", part: "popup-list" }, index.h("slot", { key: '40080a7a6c83f15384d56ed1f84c85a61b88cc11' }))))));
+            }, part: "popup" }, index.h("ul", { key: '6162ff22b5c715001b5bd64bb6284cc729a19271', class: "x-menu-submenu-popup-inner", part: "popup-list" }, index.h("slot", { key: '65970d00216c386b695e1fec61e11bb89a9da259' }))))));
     }
     static get watchers() { return {
         "_open": [{
@@ -370,4 +503,5 @@ const XMenuSubmenu = class {
 };
 XMenuSubmenu.style = xMenuSubmenuCss();
 
+exports.x_list = XList;
 exports.x_menu_submenu = XMenuSubmenu;

package/dist/cjs/x-mentions.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.js');
 
-const xMentionsCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;width:100%;position:relative;font-family:var(--x-mentions-font-family, var(--x-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif))}.x-mentions-textarea{width:100%;padding:var(--x-mentions-padding-vertical, var(--x-control-padding-vertical, 4px)) var(--x-mentions-padding-horizontal, var(--x-control-padding-horizontal, 11px));color:var(--x-mentions-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-mentions-font-size, var(--x-font-size-base, 14px));line-height:var(--x-mentions-line-height, var(--x-line-height-base, 1.5714));background-color:var(--x-mentions-bg, var(--x-color-bg-container, #ffffff));background-image:none;border:var(--x-mentions-border-width, var(--x-border-width-base, 1px)) solid var(--x-mentions-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));resize:vertical}.x-mentions-textarea:hover{border-color:var(--x-mentions-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-mentions-textarea:focus{border-color:var(--x-mentions-border-color-focus, var(--x-color-primary, #1677ff));outline:0;-webkit-box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)));box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)))}.x-mentions-textarea:disabled{color:var(--x-mentions-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));background-color:var(--x-mentions-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));cursor:not-allowed}.x-mentions-dropdown{position:absolute;background:var(--x-mentions-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));z-index:var(--x-mentions-dropdown-z-index, var(--x-z-index-dropdown, 1050));min-width:var(--x-mentions-dropdown-min-width, 100px)}.x-mentions-dropdown-loading{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px));color:var(--x-mentions-loading-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));text-align:center}.x-mentions-dropdown-menu{list-style:none;padding:var(--x-mentions-spacing-xxs, var(--x-spacing-xxs, 4px)) 0;margin:0;max-height:var(--x-mentions-dropdown-max-height, 250px);overflow-y:auto}.x-mentions-dropdown-menu-item{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px)) var(--x-mentions-spacing-md, var(--x-spacing-md, 16px));cursor:pointer;-webkit-transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease);transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease)}.x-mentions-dropdown-menu-item-active,.x-mentions-dropdown-menu-item:hover{background-color:var(--x-mentions-item-bg-hover, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)))}`;
+const xMentionsCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;width:100%;position:relative;font-family:var(--x-mentions-font-family, var(--x-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif))}.x-mentions-textarea{width:100%;padding:var(--x-mentions-padding-vertical, var(--x-control-padding-vertical, 4px)) var(--x-mentions-padding-horizontal, var(--x-control-padding-horizontal, 11px));color:var(--x-mentions-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-mentions-font-size, var(--x-font-size-base, 14px));line-height:var(--x-mentions-line-height, var(--x-line-height-base, 1.5714));background-color:var(--x-mentions-bg, var(--x-color-bg-container, #ffffff));background-image:none;border:var(--x-mentions-border-width, var(--x-border-width-base, 1px)) solid var(--x-mentions-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));resize:vertical}.x-mentions-textarea:hover{border-color:var(--x-mentions-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-mentions-textarea:focus{border-color:var(--x-mentions-border-color-focus, var(--x-color-primary, #1677ff));outline:0;-webkit-box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)));box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)))}.x-mentions-textarea:disabled{color:var(--x-mentions-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));background-color:var(--x-mentions-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));cursor:not-allowed}.x-mentions-dropdown{position:absolute;background:var(--x-mentions-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));z-index:var(--x-mentions-dropdown-z-index, var(--x-z-index-dropdown, 1050));min-width:var(--x-mentions-dropdown-min-width, 100px)}.x-mentions-dropdown-loading{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px));color:var(--x-mentions-loading-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));text-align:center}.x-mentions-dropdown-menu{list-style:none;padding:var(--x-mentions-spacing-xxs, var(--x-spacing-xxs, 4px)) 0;margin:0;max-height:var(--x-mentions-dropdown-max-height, 250px);overflow-y:auto}.x-mentions-dropdown-menu-item{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px)) var(--x-mentions-spacing-md, var(--x-spacing-md, 16px));cursor:pointer;-webkit-transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease);transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease)}.x-mentions-dropdown-menu-item-active,.x-mentions-dropdown-menu-item:hover{background-color:var(--x-mentions-item-bg-hover, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)))}`;
 
 const XMentions = class {
     constructor(hostRef) {
@@ -193,7 +193,7 @@ const XMentions = class {
         // I'll position it at the bottom of the textarea for simplicity in this MVP.
         this.popupStyle = {
             top: `${textarea.offsetHeight}px`,
-            left: '0'
+            left: '0',
         };
     }
     /**
@@ -264,10 +264,10 @@ const XMentions = class {
      * <x-mentions options={[{ value: 'alice', label: 'Alice' }]}></x-mentions>
      */
     render() {
-        return (index.h(index.Host, { key: '7223117577aad1c73291ab68fbd70d79b89a0cc8', class: "x-mentions" }, index.h("textarea", { key: '1ae44273a687c944885622e3508e33658e4715ac', ref: el => this.textarea = el, class: "x-mentions-textarea", value: this.value, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, onInput: (e) => this.handleInput(e), onKeyDown: (e) => this.handleKeyDown(e) }), this.open && (index.h("div", { key: '5d44c8c63575b764a6b5a9eead7fb92b90ed4164', class: "x-mentions-dropdown", style: this.popupStyle }, this.loading ? (index.h("div", { class: "x-mentions-dropdown-loading" }, "Loading...")) : (index.h("ul", { class: "x-mentions-dropdown-menu" }, this.filterOptions.map((option, index$1) => (index.h("li", { class: {
+        return (index.h(index.Host, { key: 'c54a525ffb66e36db9cd46dfb883d994f46a6815', class: "x-mentions" }, index.h("textarea", { key: 'bcaea9e9d220091e623041d3d7321879991b3f87', ref: el => (this.textarea = el), class: "x-mentions-textarea", value: this.value, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, onInput: e => this.handleInput(e), onKeyDown: e => this.handleKeyDown(e) }), this.open && (index.h("div", { key: 'e11bddc43500c8fe69110b8db5acfeadaaa4be41', class: "x-mentions-dropdown", style: this.popupStyle }, this.loading ? (index.h("div", { class: "x-mentions-dropdown-loading" }, "Loading...")) : (index.h("ul", { class: "x-mentions-dropdown-menu" }, this.filterOptions.map((option, index$1) => (index.h("li", { class: {
                 'x-mentions-dropdown-menu-item': true,
-                'x-mentions-dropdown-menu-item-active': index$1 === this.activeIndex
-            }, onClick: () => this.selectOption(option), onMouseEnter: () => this.activeIndex = index$1 }, option.label)))))))));
+                'x-mentions-dropdown-menu-item-active': index$1 === this.activeIndex,
+            }, onClick: () => this.selectOption(option), onMouseEnter: () => (this.activeIndex = index$1) }, option.label)))))))));
     }
 };
 XMentions.style = xMentionsCss();

package/dist/cjs/x-menu-divider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.js');
 
 const xMenuDividerCss = () => `:host{display:block;height:1px;margin:var(--x-menu-divider-margin-block, var(--x-spacing-xxs, 4px)) var(--x-menu-divider-margin-inline, 0);background-color:var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border:none}:host(.x-menu-divider-dashed){background:none;border-top:1px dashed var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-menu-divider-dark){background-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-dark.x-menu-divider-dashed){background:none;border-top-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-collapsed-hidden){display:none !important}`;
 
@@ -41,7 +41,7 @@ const XMenuDivider = class {
             'x-menu-divider-collapsed-hidden': this._inlineCollapsed,
             [`x-menu-divider-${this._menuTheme}`]: true,
         };
-        return (index.h(index.Host, { key: '43b87efc6047e948398ec366b047b5ebde5b3f27', class: classes, role: "separator" }));
+        return index.h(index.Host, { key: '0e2d60f1085c88a5d49dd165bb565a8f5025c269', class: classes, role: "separator" });
     }
 };
 XMenuDivider.style = xMenuDividerCss();

package/dist/cjs/x-menu-item-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.js');
 
 const xMenuItemGroupCss = () => `@charset "UTF-8";:host{display:block}.x-menu-item-group-title{height:var(--x-menu-group-title-height, 32px);padding:0 var(--x-menu-item-padding-inline, var(--x-padding-md, 16px));color:var(--x-menu-group-title-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-menu-group-title-font-size, var(--x-font-size-base, 14px));line-height:var(--x-menu-group-title-height, 32px);-webkit-transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-menu-item-group-list{margin:0;padding:0;list-style:none}:host(.x-menu-item-group-dark) .x-menu-item-group-title{color:var(--x-menu-dark-group-title-color, rgba(255, 255, 255, 0.65))}:host(.x-menu-item-group-collapsed-hidden){display:none !important}`;
 
@@ -127,7 +127,7 @@ const XMenuItemGroup = class {
         };
         // Apply padding only when calculated.
         const titleStyle = paddingInlineStart ? { paddingInlineStart } : {};
-        return (index.h(index.Host, { key: '6fc76bbb053651bde5ffcfdae0216c8d0a47c520', class: hostClasses, role: "group" }, index.h("div", { key: '474e9d78cc1534a08a78cba7849b51b20dccabb5', class: "x-menu-item-group-title", style: titleStyle, part: "title" }, index.h("slot", { key: '31284eaed7dca12ab8be8440ed4fdfb3b04c9790', name: "title" }, this.groupTitle)), index.h("ul", { key: 'c0969f8dfde1a16d2bd07e3a5c7a43fafc0fa405', class: "x-menu-item-group-list", part: "list" }, index.h("slot", { key: '7f4dabd91cd5bd468400200257bd9c0fa74e8022', onSlotchange: () => this.syncChildrenProps() }))));
+        return (index.h(index.Host, { key: '66ac1f308c0fa6f60a6abf2013ee9b2e25132913', class: hostClasses, role: "group" }, index.h("div", { key: 'a7e0a7d154570181579a66deb1bc4ec9100c43cf', class: "x-menu-item-group-title", style: titleStyle, part: "title" }, index.h("slot", { key: '4001f894e741cb1852df98d5769ec1d602da6643', name: "title" }, this.groupTitle)), index.h("ul", { key: '09a19be5bfa585c24ed6176c673a2a9830b89c0e', class: "x-menu-item-group-list", part: "list" }, index.h("slot", { key: 'e3aa616eaa6b01d20d3710ec3245af63de0cbf86', onSlotchange: () => this.syncChildrenProps() }))));
     }
     static get watchers() { return {
         "_menuMode": [{