@xlabs-store/core 0.0.1 → 0.0.2

package/dist/collection/components/x-cascader/cascader-dropdown-content/cascader-dropdown-content.css

@@ -96,6 +96,7 @@
   --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;
   /** Background Colors **/
   --x-color-bg-container: #ffffff;
   --x-color-bg-elevated: #ffffff;
@@ -138,8 +139,10 @@
   --x-color-light-shade: #d7d8da;
   --x-color-light-tint: #f5f6f9;
   /** Font Family **/
-  --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-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;
   /** Font Sizes **/
   --x-font-size: 14px;
   --x-font-size-sm: 12px;

package/dist/collection/components/x-cascader/cascader-dropdown-content/cascader-dropdown-content.js

@@ -321,7 +321,7 @@ export class XCascaderDropdownContent {
     renderMenu(options, depth, isLast) {
         const visibleCount = this.visibleCounts[depth] || this.pageSize;
         const visibleOptions = options.slice(0, visibleCount);
-        return (h("ul", { class: "x-cascader-menu", style: { borderRight: isLast ? 'none' : undefined }, onScroll: (e) => this.handleMenuScroll(e, depth) }, visibleOptions.map(option => this.renderMenuItem(option, depth))));
+        return (h("ul", { class: "x-cascader-menu", style: { borderRight: isLast ? 'none' : undefined }, onScroll: e => this.handleMenuScroll(e, depth) }, visibleOptions.map(option => this.renderMenuItem(option, depth))));
     }
     /**
      * Renders the container for all menu columns.
@@ -331,9 +331,9 @@ export class XCascaderDropdownContent {
     renderMenus() {
         // Show empty state if there are no options at the root level
         if (this.activeOptions.length === 0 || this.activeOptions[0].length === 0) {
-            return (h("div", { class: "x-cascader-menu-empty" }, this.notFoundContent));
+            return h("div", { class: "x-cascader-menu-empty" }, this.notFoundContent);
         }
-        return (h("div", { class: "x-cascader-menus" }, this.activeOptions.map((options, depth) => this.renderMenu(options, depth, depth === this.activeOptions.length - 1))));
+        return h("div", { class: "x-cascader-menus" }, this.activeOptions.map((options, depth) => this.renderMenu(options, depth, depth === this.activeOptions.length - 1)));
     }
     /**
      * Main render method for the dropdown content.
@@ -347,7 +347,7 @@ export class XCascaderDropdownContent {
      * @returns {JSX.Element} The full dropdown JSX structure.
      */
     render() {
-        return (h("div", { key: '8072b2afdff94efa72f84323f58588e7af80df1c', class: this.dropdownClasses, style: this.dropdownStyle, ref: this.setRef, part: "dropdown" }, h("div", { key: '2de326060141e98f10df71510c8fe0040cd965ef', class: "x-cascader-dropdown-content" }, this.renderMenus())));
+        return (h("div", { key: 'bfece16203a0bb8611bf8166f0080de44f553bc0', class: this.dropdownClasses, style: this.dropdownStyle, ref: this.setRef, part: "dropdown" }, h("div", { key: 'e942bb327cf261aabe5f66cc9510cea89a9a76ff', class: "x-cascader-dropdown-content" }, this.renderMenus())));
     }
     static get is() { return "x-cascader-dropdown-content"; }
     static get originalStyleUrls() {
@@ -387,7 +387,7 @@ export class XCascaderDropdownContent {
                             "name": "example",
                             "text": "<x-cascader-dropdown-content dropdownClasses={{ 'x-cascader-dropdown': true, 'hidden': false }} />"
                         }],
-                    "text": "Mapping of CSS classes applied to the dropdown's outer wrapper.\r\nUseful for conveying state like 'hidden' or 'placement'."
+                    "text": "Mapping of CSS classes applied to the dropdown's outer wrapper.\nUseful for conveying state like 'hidden' or 'placement'."
                 },
                 "getter": false,
                 "setter": false,
@@ -418,7 +418,7 @@ export class XCascaderDropdownContent {
                             "name": "example",
                             "text": "<x-cascader-dropdown-content dropdownStyle={{ width: '240px', left: '10px' }} />"
                         }],
-                    "text": "Inline CSS styles applied to the dropdown's outer wrapper.\r\nUseful for dynamic positioning or width adjustments."
+                    "text": "Inline CSS styles applied to the dropdown's outer wrapper.\nUseful for dynamic positioning or width adjustments."
                 },
                 "getter": false,
                 "setter": false,
@@ -479,7 +479,7 @@ export class XCascaderDropdownContent {
                             "name": "example",
                             "text": "<x-cascader-dropdown-content activeOptions={[[{ label: 'A', value: 'a' }], [{ label: 'B', value: 'b' }]]} />"
                         }],
-                    "text": "A multi-dimensional array representing the current hierarchy of options to display.\r\nEach entry in the outer array represents a column in the cascader."
+                    "text": "A multi-dimensional array representing the current hierarchy of options to display.\nEach entry in the outer array represents a column in the cascader."
                 },
                 "getter": false,
                 "setter": false,
@@ -717,7 +717,7 @@ export class XCascaderDropdownContent {
                             "name": "example",
                             "text": "<x-cascader-dropdown-content onXItemClick={(ev) => handleItemClick(ev.detail)} />"
                         }],
-                    "text": "Emitted when a menu item is clicked.\r\nProvides the option data and its depth in the hierarchy."
+                    "text": "Emitted when a menu item is clicked.\nProvides the option data and its depth in the hierarchy."
                 },
                 "complexType": {
                     "original": "CascaderMenuItemClickDetail",
@@ -745,7 +745,7 @@ export class XCascaderDropdownContent {
                             "name": "example",
                             "text": "<x-cascader-dropdown-content onXItemHover={(ev) => handleItemHover(ev.detail)} />"
                         }],
-                    "text": "Emitted when a menu item is hovered.\r\nThis is typically used to trigger sub-menu expansion if expandTrigger is 'hover'."
+                    "text": "Emitted when a menu item is hovered.\nThis is typically used to trigger sub-menu expansion if expandTrigger is 'hover'."
                 },
                 "complexType": {
                     "original": "CascaderMenuItemHoverDetail",

package/dist/collection/components/x-cascader/x-cascader.css

@@ -96,6 +96,7 @@
   --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;
   /** Background Colors **/
   --x-color-bg-container: #ffffff;
   --x-color-bg-elevated: #ffffff;
@@ -138,8 +139,10 @@
   --x-color-light-shade: #d7d8da;
   --x-color-light-tint: #f5f6f9;
   /** Font Family **/
-  --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-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;
   /** Font Sizes **/
   --x-font-size: 14px;
   --x-font-size-sm: 12px;

package/dist/collection/components/x-cascader/x-cascader.js

@@ -1,4 +1,4 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { PortalController } from "../x-portal/portal-controller";
 import { getIcon } from "../../utils/config";
 import { translate } from "../../locales/locale.service";
@@ -281,7 +281,7 @@ export class XCascader {
         return new CascaderService({
             value: this.fieldNames?.value || 'value',
             label: this.fieldNames?.label || 'label',
-            children: this.fieldNames?.children || 'children'
+            children: this.fieldNames?.children || 'children',
         });
     }
     /**
@@ -619,9 +619,7 @@ export class XCascader {
             return;
         }
         // Resolve the relevant path array from either single or multiple selection modes
-        const valuePath = this.multiple
-            ? this.value[0] || []
-            : this.value;
+        const valuePath = this.multiple ? this.value[0] || [] : this.value;
         // Find the full option objects matching the values in the path
         const path = this.cascaderService.findOptionPath(this.options, valuePath);
         this.selectedPath = path;
@@ -760,7 +758,7 @@ export class XCascader {
         const valuePath = path.map(opt => this.cascaderService.getValue(opt));
         if (this.multiple) {
             // Multiple selection logic
-            const currentValues = (this.value || []);
+            const currentValues = this.value || [];
             // Check if this path is already selected to implement toggle behavior
             const existingIndex = currentValues.findIndex(v => v.length === valuePath.length && v.every((val, i) => val === valuePath[i]));
             if (existingIndex >= 0) {
@@ -875,21 +873,21 @@ export class XCascader {
      * @returns {JSX.Element} The rendered arrow icon.
      */
     renderArrowIcon() {
-        return (h("x-icon", { name: getIcon('arrowDown') }));
+        return h("x-icon", { name: getIcon('arrowDown') });
     }
     /**
      * Renders the clear icon used to reset the selection.
      * @returns {JSX.Element} The rendered clear icon.
      */
     renderClearIcon() {
-        return (h("x-icon", { name: getIcon('clear') }));
+        return h("x-icon", { name: getIcon('clear') });
     }
     /**
      * Renders the loading icon shown when the component is in a loading state.
      * @returns {JSX.Element} The rendered loading icon.
      */
     renderLoadingIcon() {
-        return (h("x-icon", { name: getIcon('loading') }));
+        return h("x-icon", { name: getIcon('loading') });
     }
     // ========================================
     // RENDER
@@ -916,7 +914,7 @@ export class XCascader {
         const label = this.getDisplayLabel();
         // Determine if the clear button should be visible
         const showClear = this.allowClear && label && !this.disabled && this.hovering;
-        return (h(Host, { key: '81bcdd8d83b330a2c51e2236be573db2c974e82e', class: {
+        return (h(Host, { key: 'e748047da7342d4a1ef05ab7a9f45021b146699c', class: {
                 'x-cascader': true,
                 'x-cascader-open': this.isOpen,
                 'x-cascader-disabled': this.disabled,
@@ -925,14 +923,13 @@ export class XCascader {
                 [`x-cascader-status-${this.status}`]: !!this.status,
                 [`x-cascader-${this.variant}`]: true,
                 'x-cascader-multiple': this.multiple,
-            } }, h("div", { key: 'e0c09cf00a5e546cd06c6d41f2834c39106ea043', ref: el => (this.wrapperRef = el), class: {
+            } }, h("div", { key: 'b9b4a1a91af4b8c37b65a0c01bed2543738fad51', ref: el => (this.wrapperRef = el), class: {
                 'x-cascader-selector': true,
                 'x-cascader-selector-focused': this.isFocused,
                 'x-cascader-selector-disabled': this.disabled,
-                'disabled': this.disabled,
             }, onClick: () => this.toggleDropdown(), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.showSearch ? (h("span", { class: "x-cascader-selection-search" }, h("input", { ref: el => (this.inputRef = el), type: "text", class: "x-cascader-selection-search-input",
             // When open and searching, show searchValue. When closed, show the label.
-            value: this.isOpen ? this.searchValue : label, placeholder: label || this.placeholder, disabled: this.disabled, onInput: e => this.handleSearchInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }))) : (h("span", { class: "x-cascader-selection-item" }, label ? (h("span", { class: "x-cascader-selection-item-content" }, label)) : (h("span", { class: "x-cascader-selection-placeholder" }, this.placeholder)))), h("span", { key: '935e3b7a4766171737e7448d64eb94049b4c4413', class: "x-cascader-suffix" }, this.loading ? (h("span", { class: "x-cascader-loading" }, this.renderLoadingIcon())) : showClear ? (h("span", { class: "x-cascader-clear", onClick: e => this.handleClear(e) }, this.renderClearIcon())) : null, h("span", { key: 'b249c8b6f35132ec2207cdbffa72894a9d0497c9', class: { 'x-cascader-arrow': true, 'x-cascader-arrow-open': this.isOpen } }, this.renderArrowIcon())))));
+            value: this.isOpen ? this.searchValue : label, placeholder: label || this.placeholder, disabled: this.disabled, onInput: e => this.handleSearchInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }))) : (h("span", { class: "x-cascader-selection-item" }, label ? h("span", { class: "x-cascader-selection-item-content" }, label) : h("span", { class: "x-cascader-selection-placeholder" }, this.placeholder))), h("span", { key: 'cb7fc30134a1fd35b94898e6d33cd4392d3a4b26', class: "x-cascader-suffix" }, this.loading ? (h("span", { class: "x-cascader-loading" }, this.renderLoadingIcon())) : showClear ? (h("span", { class: "x-cascader-clear", onClick: e => this.handleClear(e) }, this.renderClearIcon())) : null, h("span", { key: 'ac76bb92df15afe809b4d3d4a883c4b72c96b1d1', class: { 'x-cascader-arrow': true, 'x-cascader-arrow-open': this.isOpen } }, this.renderArrowIcon())))));
     }
     static get is() { return "x-cascader"; }
     static get encapsulation() { return "shadow"; }
@@ -971,7 +968,7 @@ export class XCascader {
                             "text": "{CascaderOption[]}"
                         }, {
                             "name": "example",
-                            "text": "<x-cascader options={[\r\n  { value: 'zhejiang', label: 'Zhejiang', children: [{ value: 'hangzhou', label: 'Hangzhou' }] }\r\n]} />"
+                            "text": "<x-cascader options={[\n  { value: 'zhejiang', label: 'Zhejiang', children: [{ value: 'hangzhou', label: 'Hangzhou' }] }\n]} />"
                         }],
                     "text": "Options data to be displayed in the cascader."
                 },
@@ -1002,9 +999,9 @@ export class XCascader {
                             "text": "{CascaderValue | null}"
                         }, {
                             "name": "example",
-                            "text": "<x-cascader value={['zhejiang', 'hangzhou']} />\r\n<x-cascader multiple value={[['zhejiang', 'hangzhou'], ['jiangsu', 'nanjing']]} />"
+                            "text": "<x-cascader value={['zhejiang', 'hangzhou']} />\n<x-cascader multiple value={[['zhejiang', 'hangzhou'], ['jiangsu', 'nanjing']]} />"
                         }],
-                    "text": "Selected value (array of values representing the path).\r\nFor single mode: string[] like ['zhejiang', 'hangzhou']\r\nFor multiple mode: string[][] like [['zhejiang', 'hangzhou'], ['jiangsu', 'nanjing']]"
+                    "text": "Selected value (array of values representing the path).\nFor single mode: string[] like ['zhejiang', 'hangzhou']\nFor multiple mode: string[][] like [['zhejiang', 'hangzhou'], ['jiangsu', 'nanjing']]"
                 },
                 "getter": false,
                 "setter": false,
@@ -1388,7 +1385,7 @@ export class XCascader {
                             "name": "example",
                             "text": "<x-cascader changeOnSelect />"
                         }],
-                    "text": "Whether to update the value on selecting each level of the hierarchy.\r\nIf false, only selecting leaf nodes updates the value."
+                    "text": "Whether to update the value on selecting each level of the hierarchy.\nIf false, only selecting leaf nodes updates the value."
                 },
                 "getter": false,
                 "setter": false,
@@ -1446,7 +1443,7 @@ export class XCascader {
                             "name": "example",
                             "text": "<x-cascader multiple maxTagCount={2} />"
                         }],
-                    "text": "Maximum number of selected tags displayed in the input (for multiple mode).\r\n'responsive' will automatically hide overflowing tags."
+                    "text": "Maximum number of selected tags displayed in the input (for multiple mode).\n'responsive' will automatically hide overflowing tags."
                 },
                 "getter": false,
                 "setter": false,
@@ -1775,7 +1772,7 @@ export class XCascader {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Sets focus on the cascader input field.\r\nThis is a public method that can be called via a reference to the component.",
+                    "text": "Sets focus on the cascader input field.\nThis is a public method that can be called via a reference to the component.",
                     "tags": [{
                             "name": "returns",
                             "text": undefined
@@ -1795,7 +1792,7 @@ export class XCascader {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Removes focus from the cascader input field.\r\nThis is a public method that can be called via a reference to the component.",
+                    "text": "Removes focus from the cascader input field.\nThis is a public method that can be called via a reference to the component.",
                     "tags": [{
                             "name": "returns",
                             "text": undefined

package/dist/collection/components/x-checkbox/x-checkbox.css

@@ -96,6 +96,7 @@
   --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;
   /** Background Colors **/
   --x-color-bg-container: #ffffff;
   --x-color-bg-elevated: #ffffff;
@@ -138,8 +139,10 @@
   --x-color-light-shade: #d7d8da;
   --x-color-light-tint: #f5f6f9;
   /** Font Family **/
-  --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-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;
   /** Font Sizes **/
   --x-font-size: 14px;
   --x-font-size-sm: 12px;

package/dist/collection/components/x-checkbox/x-checkbox.js

@@ -84,7 +84,7 @@ export class XCheckbox {
      * The placement of the label relative to the checkbox.
      * @default 'start'
      */
-    placement = 'start';
+    placement = 'end';
     /**
      * The alignment of the label relative to the checkbox.
      * @default 'center'
@@ -99,14 +99,10 @@ export class XCheckbox {
     xChange;
     /**
      * Callback fired when the checkbox is focused.
-     * @example
-     * <x-checkbox onXFocus={() => {}}>Focus</x-checkbox>
      */
     xFocus;
     /**
      * Callback fired when the checkbox loses focus.
-     * @example
-     * <x-checkbox onXBlur={() => {}}>Blur</x-checkbox>
      */
     xBlur;
     // ==================== Lifecycle ====================
@@ -235,7 +231,7 @@ export class XCheckbox {
         const checkboxStyles = this.styles?.checkbox;
         const innerStyles = this.styles?.inner;
         const labelStyles = this.styles?.label;
-        return (h(Host, { key: 'a1c7291fd6e4031b6c8d0bea308dd6aea7153ad4', class: wrapperClasses, style: wrapperStyles, onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? -1 : 0 }, h("span", { key: '59675b4f86cdda584c581cbe30f802d68f6d60e9', class: checkboxClasses, style: checkboxStyles }, h("input", { key: 'ff2ff95534df771155a1b2ebd415d8fa0cec147b', ref: (el) => (this.inputEl = el), type: "checkbox", class: "x-checkbox-input", id: this.checkboxId, checked: this.checked, disabled: this.disabled, name: this.name, value: this.value, tabIndex: -1, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: (e) => e.stopPropagation() }), h("span", { key: '3649f0c10c84cd790968df35463c86cbebb16063', class: innerClasses, style: innerStyles })), h("span", { key: '29926839fb6291c5cddbf64dcfdfa67ac003729f', class: labelClasses, style: labelStyles }, h("slot", { key: 'b8f3d955db9c3370c9bb0f18ef158f64341619b6' }))));
+        return (h(Host, { key: 'b96e3347a2c3ca7af9a672407a3e8d37ebcdf38d', class: wrapperClasses, style: wrapperStyles, onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? -1 : 0 }, h("span", { key: 'b1b054e8e212ffc0fdcd2bc0038db573b596cb4b', class: checkboxClasses, style: checkboxStyles }, h("input", { key: 'e736da2a8b8fe3cb610d24a221456b40b05497a3', ref: el => (this.inputEl = el), type: "checkbox", class: "x-checkbox-input", id: this.checkboxId, checked: this.checked, disabled: this.disabled, name: this.name, value: this.value, tabIndex: -1, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: e => e.stopPropagation() }), h("span", { key: '219e7ca68abb6a04be7ba8e5f52147963667003c', class: innerClasses, style: innerStyles })), h("span", { key: 'e51aec62f9ec1a066d5484aac45474e2ad488950', class: labelClasses, style: labelStyles }, h("slot", { key: '5cac1cbd779e9bcc0669a777c84563ec54d191d2' }))));
     }
     static get is() { return "x-checkbox"; }
     static get encapsulation() { return "shadow"; }
@@ -370,7 +366,7 @@ export class XCheckbox {
                             "name": "example",
                             "text": "<x-checkbox indeterminate>Select all</x-checkbox>"
                         }],
-                    "text": "The indeterminate state of checkbox.\r\nUsed when only some child checkboxes are checked."
+                    "text": "The indeterminate state of checkbox.\nUsed when only some child checkboxes are checked."
                 },
                 "getter": false,
                 "setter": false,
@@ -526,7 +522,7 @@ export class XCheckbox {
                 "setter": false,
                 "reflect": false,
                 "attribute": "placement",
-                "defaultValue": "'start'"
+                "defaultValue": "'end'"
             },
             "alignment": {
                 "type": "string",
@@ -564,7 +560,7 @@ export class XCheckbox {
         return [{
                 "method": "xChange",
                 "name": "xChange",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
@@ -589,14 +585,11 @@ export class XCheckbox {
             }, {
                 "method": "xFocus",
                 "name": "xFocus",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
-                    "tags": [{
-                            "name": "example",
-                            "text": "<x-checkbox onXFocus={() => {}}>Focus</x-checkbox>"
-                        }],
+                    "tags": [],
                     "text": "Callback fired when the checkbox is focused."
                 },
                 "complexType": {
@@ -607,14 +600,11 @@ export class XCheckbox {
             }, {
                 "method": "xBlur",
                 "name": "xBlur",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
-                    "tags": [{
-                            "name": "example",
-                            "text": "<x-checkbox onXBlur={() => {}}>Blur</x-checkbox>"
-                        }],
+                    "tags": [],
                     "text": "Callback fired when the checkbox loses focus."
                 },
                 "complexType": {

package/dist/collection/components/x-code-editor/types.js

@@ -0,0 +1 @@
+export {};