@xlabs-store/core 0.0.1 → 0.0.2

package/dist/types/components.d.ts

@@ -14,9 +14,13 @@ import { BadgeOffset, BadgePresetColor, BadgeSize, BadgeStatus } from "./compone
 import { ButtonHTMLType, ButtonShape, ButtonSize, ButtonType } from "./components/x-button/x-button";
 import { CascaderChangeEventDetail, CascaderDropdownClassMap, CascaderDropdownRefCallback, CascaderDropdownStyleMap, CascaderDropdownVisibleChangeDetail, CascaderExpandTrigger, CascaderFieldNames, CascaderLoadDataEventDetail, CascaderMenuItemClickDetail, CascaderMenuItemHoverDetail, CascaderOption, CascaderPlacement, CascaderSearchEventDetail, CascaderSize, CascaderStatus, CascaderValue, CascaderVariant } from "./components/x-cascader/types";
 import { CheckboxAlignment, CheckboxChangeEventDetail, CheckboxClassNames, CheckboxPlacement, CheckboxStyles } from "./components/x-checkbox/types";
+import { Language } from "./utils/code-editor/tokenizer";
+import { CodeChangeEventDetail, CodeEditorClassNames, CodeEditorStyles, CursorMoveEventDetail, LangChangeEventDetail } from "./components/x-code-editor/types";
+import { ASTNode } from "./utils/code-editor/ast-parser";
+import { PluginSystem } from "./utils/code-editor/plugin-system";
 import { ColSpanType, FlexType } from "./components/x-col/x-col";
 import { CollapseActiveKey, CollapseChangeEventDetail, CollapseCollapsible, CollapseExpandIconPosition, CollapseSize } from "./components/x-collapse/types";
-import { Color, ColorChangeEventDetail, ColorFormat, ColorPickerClassNames, ColorPickerPlacement, ColorPickerSize, ColorPickerStyles, ColorPickerTrigger, ColorType, FormatChangeEventDetail, OpenChangeEventDetail, PresetColor } from "./components/x-color-picker/types";
+import { Color, ColorChangeEventDetail, ColorFormat, ColorPickerClassNames, ColorPickerPlacement, ColorPickerSize, ColorPickerStyles, ColorPickerTrigger, ColorPickerTriggerType, ColorType, FormatChangeEventDetail, OpenChangeEventDetail, PresetColor } from "./components/x-color-picker/types";
 import { CommentAuthor } from "./components/x-comment/types";
 import { ScrollDetail } from "./components/x-content/types";
 import { DatePickerChangeEventDetail, DatePickerMode, DatePickerPlacement, DatePickerSize, DatePickerStatus } from "./components/x-date-picker/types";
@@ -30,11 +34,16 @@ import { FinderConfig, FinderInterface, FinderItem } from "./components/x-finder
 import { FlexAlign, FlexJustify, FlexWrap } from "./components/x-flex/x-flex";
 import { FloatButtonShape, FloatButtonType } from "./components/x-float-button/x-float-button";
 import { FormGroup } from "./utils/form/core/form-group";
-import { Schema } from "./components/x-form-builder/types";
+import { FormAction, FormField, Schema } from "./components/x-form-builder/types";
 import { XFormBuilderChangeDetail, XFormBuilderClickDetail, XFormBuilderErrorDetail, XFormBuilderSubmitDetail, XTableActionDetail } from "./components/x-form-builder/x-form-builder";
+import { Event } from "./stencil-public-runtime";
 import { ImageErrorEventDetail, ImageLoadEventDetail, ImagePreviewType, ImagePreviewVisibleChangeEventDetail } from "./components/x-image/types";
 import { InputChangeEventDetail, InputSize, InputStatus, InputType, InputVariant } from "./components/x-input/types";
+import { InputIconChangeEventDetail, InputIconPlacement, InputIconSize, InputIconStatus, InputIconTriggerType } from "./components/x-input-icon/types";
 import { InputNumberChangeEventDetail, InputNumberClassNames, InputNumberFormatter, InputNumberParser, InputNumberSize, InputNumberStatus, InputNumberStepEventDetail, InputNumberStyles, InputNumberValue, InputNumberVariant } from "./components/x-input-number/types";
+import { DetailConfig } from "./components/x-layout-detail/x-layout-detail";
+import { LayoutListContentConfig, LayoutListFooterConfig, LayoutListHeaderConfig, LayoutListMenuItem, LayoutListMenuSelectDetail, LayoutListPageChangeDetail, LayoutListSiderConfig } from "./components/x-layout-list/types";
+import { LoginConfig, LoginSocialEventDetail, LoginSubmitEventDetail, LoginVariant } from "./components/x-login/types";
 import { MentionOption } from "./components/x-mentions/types";
 import { MenuClickDetail, MenuDeselectDetail, MenuMode, MenuOpenChangeDetail, MenuSelectDetail, MenuTheme, TriggerSubMenuAction } from "./components/x-menu/types";
 import { MenuItemClickDetail } from "./components/x-menu-item/types";
@@ -61,8 +70,7 @@ import { StepClickEventDetail, StepStatus } from "./components/x-step/types";
 import { StepItem, StepsChangeEventDetail, StepsClassNames, StepsDirection, StepsSize, StepsStyles, StepStatus as StepStatus1, StepsTitlePlacement, StepsType, StepsVariant } from "./components/x-steps/types";
 import { SwitchClickEvent } from "./components/x-switch/types";
 import { SortOrder, TableChangeEventDetail, TableClassNames, TableColumn, TableColumnSortEventDetail, TableExpandable, TableExpandEventDetail, TableLayout, TablePagination, TableRowEventDetail, TableRowSelection, TableRowSortEventDetail, TableScroll, TableSelectionChangeEventDetail, TableSize, TableStyles } from "./components/x-table/types";
-import { Event } from "./stencil-public-runtime";
-import { TabBarExtraContent, TabItem, TabsChangeEventDetail, TabsClassNames, TabsClickEventDetail, TabsEditEventDetail, TabsIndicator, TabsPlacement, TabsScrollEventDetail, TabsSize, TabsStyles, TabsType } from "./components/x-tabs/types";
+import { TabBarExtraContent, TabItem, TabsChangeEventDetail, TabsClassNames, TabsClickEventDetail, TabsEditEventDetail, TabsIndicator, TabsPlacement, TabsRenameEventDetail, TabsScrollEventDetail, TabsSize, TabsStyles, TabsType } from "./components/x-tabs/types";
 import { TagPresetColor, TagVariant } from "./components/x-tag/types";
 import { DisabledTimeConfig, TimePickerChangeEventDetail, TimePickerPlacement, TimePickerSize, TimePickerStatus } from "./components/x-time-picker/types";
 import { DisabledHoursFn, DisabledMinutesFn, DisabledSecondsFn, TimeChangeDetail as TimeChangeDetail1, TimePickerDropdownClassMap, TimePickerDropdownRefCallback, TimePickerDropdownStyleMap } from "./components/x-time-picker/time-picker-dropdown-content/types";
@@ -74,7 +82,7 @@ import { TreeActionEvent, TreeCheckEvent, TreeDragEvent, TreeExpandEvent, TreeNo
 import { TreeSelectChangeEventDetail, TreeSelectExpandEventDetail, TreeSelectFieldNames, TreeSelectNode, TreeSelectPlacement, TreeSelectSearchEventDetail, TreeSelectShowCheckedStrategy, TreeSelectSize, TreeSelectStatus, TreeSelectVariant } from "./components/x-tree-select/types";
 import { TreeNodeCheckDetail, TreeNodeClickDetail, TreeNodeExpandDetail, TreeSelectDropdownClassMap, TreeSelectDropdownRefCallback, TreeSelectDropdownStyleMap, TreeSelectFieldNames as TreeSelectFieldNames1, TreeSelectNode as TreeSelectNode1 } from "./components/x-tree-select/tree-select-dropdown-content/types";
 import { TypographyLevel, TypographyType } from "./components/x-typography/x-typography";
-import { ShowUploadListOptions, UploadChangeEventDetail, UploadClassNames, UploadDownloadEventDetail, UploadDropEventDetail, UploadFile, UploadListType, UploadMethod, UploadPreviewEventDetail, UploadProgressOptions, UploadRemoveEventDetail, UploadStyles } from "./components/x-upload/types";
+import { ShowUploadListOptions, UploadChangeEventDetail, UploadClassNames, UploadDownloadEventDetail, UploadDropEventDetail, UploadErrorEventDetail, UploadFile, UploadListType, UploadMethod, UploadPreviewEventDetail, UploadProgressOptions, UploadRemoveEventDetail, UploadStyles } from "./components/x-upload/types";
 import { VirtualScrollItem } from "./components/x-virtual-scroll/x-virtual-scroll";
 import { BackgroundProps, Viewport, XConnection, XEdge, XNode } from "./utils/workflow/types";
 export { LocaleCode } from "./locales";
@@ -86,9 +94,13 @@ export { BadgeOffset, BadgePresetColor, BadgeSize, BadgeStatus } from "./compone
 export { ButtonHTMLType, ButtonShape, ButtonSize, ButtonType } from "./components/x-button/x-button";
 export { CascaderChangeEventDetail, CascaderDropdownClassMap, CascaderDropdownRefCallback, CascaderDropdownStyleMap, CascaderDropdownVisibleChangeDetail, CascaderExpandTrigger, CascaderFieldNames, CascaderLoadDataEventDetail, CascaderMenuItemClickDetail, CascaderMenuItemHoverDetail, CascaderOption, CascaderPlacement, CascaderSearchEventDetail, CascaderSize, CascaderStatus, CascaderValue, CascaderVariant } from "./components/x-cascader/types";
 export { CheckboxAlignment, CheckboxChangeEventDetail, CheckboxClassNames, CheckboxPlacement, CheckboxStyles } from "./components/x-checkbox/types";
+export { Language } from "./utils/code-editor/tokenizer";
+export { CodeChangeEventDetail, CodeEditorClassNames, CodeEditorStyles, CursorMoveEventDetail, LangChangeEventDetail } from "./components/x-code-editor/types";
+export { ASTNode } from "./utils/code-editor/ast-parser";
+export { PluginSystem } from "./utils/code-editor/plugin-system";
 export { ColSpanType, FlexType } from "./components/x-col/x-col";
 export { CollapseActiveKey, CollapseChangeEventDetail, CollapseCollapsible, CollapseExpandIconPosition, CollapseSize } from "./components/x-collapse/types";
-export { Color, ColorChangeEventDetail, ColorFormat, ColorPickerClassNames, ColorPickerPlacement, ColorPickerSize, ColorPickerStyles, ColorPickerTrigger, ColorType, FormatChangeEventDetail, OpenChangeEventDetail, PresetColor } from "./components/x-color-picker/types";
+export { Color, ColorChangeEventDetail, ColorFormat, ColorPickerClassNames, ColorPickerPlacement, ColorPickerSize, ColorPickerStyles, ColorPickerTrigger, ColorPickerTriggerType, ColorType, FormatChangeEventDetail, OpenChangeEventDetail, PresetColor } from "./components/x-color-picker/types";
 export { CommentAuthor } from "./components/x-comment/types";
 export { ScrollDetail } from "./components/x-content/types";
 export { DatePickerChangeEventDetail, DatePickerMode, DatePickerPlacement, DatePickerSize, DatePickerStatus } from "./components/x-date-picker/types";
@@ -102,11 +114,16 @@ export { FinderConfig, FinderInterface, FinderItem } from "./components/x-finder
 export { FlexAlign, FlexJustify, FlexWrap } from "./components/x-flex/x-flex";
 export { FloatButtonShape, FloatButtonType } from "./components/x-float-button/x-float-button";
 export { FormGroup } from "./utils/form/core/form-group";
-export { Schema } from "./components/x-form-builder/types";
+export { FormAction, FormField, Schema } from "./components/x-form-builder/types";
 export { XFormBuilderChangeDetail, XFormBuilderClickDetail, XFormBuilderErrorDetail, XFormBuilderSubmitDetail, XTableActionDetail } from "./components/x-form-builder/x-form-builder";
+export { Event } from "./stencil-public-runtime";
 export { ImageErrorEventDetail, ImageLoadEventDetail, ImagePreviewType, ImagePreviewVisibleChangeEventDetail } from "./components/x-image/types";
 export { InputChangeEventDetail, InputSize, InputStatus, InputType, InputVariant } from "./components/x-input/types";
+export { InputIconChangeEventDetail, InputIconPlacement, InputIconSize, InputIconStatus, InputIconTriggerType } from "./components/x-input-icon/types";
 export { InputNumberChangeEventDetail, InputNumberClassNames, InputNumberFormatter, InputNumberParser, InputNumberSize, InputNumberStatus, InputNumberStepEventDetail, InputNumberStyles, InputNumberValue, InputNumberVariant } from "./components/x-input-number/types";
+export { DetailConfig } from "./components/x-layout-detail/x-layout-detail";
+export { LayoutListContentConfig, LayoutListFooterConfig, LayoutListHeaderConfig, LayoutListMenuItem, LayoutListMenuSelectDetail, LayoutListPageChangeDetail, LayoutListSiderConfig } from "./components/x-layout-list/types";
+export { LoginConfig, LoginSocialEventDetail, LoginSubmitEventDetail, LoginVariant } from "./components/x-login/types";
 export { MentionOption } from "./components/x-mentions/types";
 export { MenuClickDetail, MenuDeselectDetail, MenuMode, MenuOpenChangeDetail, MenuSelectDetail, MenuTheme, TriggerSubMenuAction } from "./components/x-menu/types";
 export { MenuItemClickDetail } from "./components/x-menu-item/types";
@@ -133,8 +150,7 @@ export { StepClickEventDetail, StepStatus } from "./components/x-step/types";
 export { StepItem, StepsChangeEventDetail, StepsClassNames, StepsDirection, StepsSize, StepsStyles, StepStatus as StepStatus1, StepsTitlePlacement, StepsType, StepsVariant } from "./components/x-steps/types";
 export { SwitchClickEvent } from "./components/x-switch/types";
 export { SortOrder, TableChangeEventDetail, TableClassNames, TableColumn, TableColumnSortEventDetail, TableExpandable, TableExpandEventDetail, TableLayout, TablePagination, TableRowEventDetail, TableRowSelection, TableRowSortEventDetail, TableScroll, TableSelectionChangeEventDetail, TableSize, TableStyles } from "./components/x-table/types";
-export { Event } from "./stencil-public-runtime";
-export { TabBarExtraContent, TabItem, TabsChangeEventDetail, TabsClassNames, TabsClickEventDetail, TabsEditEventDetail, TabsIndicator, TabsPlacement, TabsScrollEventDetail, TabsSize, TabsStyles, TabsType } from "./components/x-tabs/types";
+export { TabBarExtraContent, TabItem, TabsChangeEventDetail, TabsClassNames, TabsClickEventDetail, TabsEditEventDetail, TabsIndicator, TabsPlacement, TabsRenameEventDetail, TabsScrollEventDetail, TabsSize, TabsStyles, TabsType } from "./components/x-tabs/types";
 export { TagPresetColor, TagVariant } from "./components/x-tag/types";
 export { DisabledTimeConfig, TimePickerChangeEventDetail, TimePickerPlacement, TimePickerSize, TimePickerStatus } from "./components/x-time-picker/types";
 export { DisabledHoursFn, DisabledMinutesFn, DisabledSecondsFn, TimeChangeDetail as TimeChangeDetail1, TimePickerDropdownClassMap, TimePickerDropdownRefCallback, TimePickerDropdownStyleMap } from "./components/x-time-picker/time-picker-dropdown-content/types";
@@ -146,7 +162,7 @@ export { TreeActionEvent, TreeCheckEvent, TreeDragEvent, TreeExpandEvent, TreeNo
 export { TreeSelectChangeEventDetail, TreeSelectExpandEventDetail, TreeSelectFieldNames, TreeSelectNode, TreeSelectPlacement, TreeSelectSearchEventDetail, TreeSelectShowCheckedStrategy, TreeSelectSize, TreeSelectStatus, TreeSelectVariant } from "./components/x-tree-select/types";
 export { TreeNodeCheckDetail, TreeNodeClickDetail, TreeNodeExpandDetail, TreeSelectDropdownClassMap, TreeSelectDropdownRefCallback, TreeSelectDropdownStyleMap, TreeSelectFieldNames as TreeSelectFieldNames1, TreeSelectNode as TreeSelectNode1 } from "./components/x-tree-select/tree-select-dropdown-content/types";
 export { TypographyLevel, TypographyType } from "./components/x-typography/x-typography";
-export { ShowUploadListOptions, UploadChangeEventDetail, UploadClassNames, UploadDownloadEventDetail, UploadDropEventDetail, UploadFile, UploadListType, UploadMethod, UploadPreviewEventDetail, UploadProgressOptions, UploadRemoveEventDetail, UploadStyles } from "./components/x-upload/types";
+export { ShowUploadListOptions, UploadChangeEventDetail, UploadClassNames, UploadDownloadEventDetail, UploadDropEventDetail, UploadErrorEventDetail, UploadFile, UploadListType, UploadMethod, UploadPreviewEventDetail, UploadProgressOptions, UploadRemoveEventDetail, UploadStyles } from "./components/x-upload/types";
 export { VirtualScrollItem } from "./components/x-virtual-scroll/x-virtual-scroll";
 export { BackgroundProps, Viewport, XConnection, XEdge, XNode } from "./utils/workflow/types";
 export namespace Components {
@@ -418,6 +434,12 @@ export namespace Components {
           * @example <x-auto-complete open></x-auto-complete>
          */
         "open"?: boolean;
+        /**
+          * Whether the dropdown menu opens when clicked or focused.
+          * @example <x-auto-complete openOnFocus></x-auto-complete>
+          * @default false
+         */
+        "openOnFocus": boolean;
         /**
           * Data source for autocomplete.
           * @example <x-auto-complete options={[{ value: 'a', label: 'Alpha' }]}></x-auto-complete>
@@ -540,8 +562,8 @@ export namespace Components {
          */
         "gap": number;
         /**
-          * Icon type (for icon avatar, use slot="icon" instead).
-          * @example <x-avatar icon="user"><x-icon slot="icon" name="user"></x-icon></x-avatar>
+          * Icon name to display inside the avatar.
+          * @example <x-avatar icon="user"></x-avatar>
          */
         "icon": string;
         /**
@@ -755,6 +777,11 @@ export namespace Components {
           * Alias for message prop to match form builder schemas.
          */
         "error": string;
+        /**
+          * Whether to hide the internal error message display.
+          * @default false
+         */
+        "hideError": boolean;
         /**
           * The label text for the captcha field.
           * @default 'Captcha'
@@ -1191,6 +1218,62 @@ export namespace Components {
          */
         "value"?: any;
     }
+    /**
+     * @component x-code-editor
+     * @description Full-featured code editor Web Component built with StencilJS.
+     * @example <x-code-editor language="js" theme="dark" tab-size="2"></x-code-editor>
+     */
+    interface XCodeEditor {
+        /**
+          * Custom class names for editor components.
+         */
+        "classNames"?: CodeEditorClassNames;
+        "foldAll": () => Promise<void>;
+        "format": () => Promise<void>;
+        "getAST": () => Promise<ASTNode | null>;
+        "getValue": () => Promise<string>;
+        /**
+          * The programming language for syntax highlighting.
+          * @default 'js'
+         */
+        "language": Language;
+        "openSearch": () => Promise<void>;
+        /**
+          * Whether the editor is read-only.
+          * @default false
+         */
+        "readonly": boolean;
+        "redo": () => Promise<void>;
+        "registerPlugin": (def: Parameters<PluginSystem["register"]>[0]) => Promise<void>;
+        "setLanguage": (l: Language) => Promise<void>;
+        "setValue": (v: string) => Promise<void>;
+        /**
+          * Whether to show the minimap (not implemented yet).
+          * @default false
+         */
+        "showMinimap": boolean;
+        /**
+          * Custom styles for editor components.
+         */
+        "styles"?: CodeEditorStyles;
+        /**
+          * The tab size used for indentation.
+          * @default 2
+         */
+        "tabSize": number;
+        /**
+          * Editor theme ('dark' or 'light').
+          * @default 'dark'
+         */
+        "theme": 'dark' | 'light';
+        "undo": () => Promise<void>;
+        "unfoldAll": () => Promise<void>;
+        /**
+          * The value of the code editor.
+          * @default ''
+         */
+        "value": string;
+    }
     interface XCol {
         /**
           * Flex layout style
@@ -1456,6 +1539,12 @@ export namespace Components {
           * @example <x-color-picker trigger="hover"></x-color-picker>
          */
         "trigger": ColorPickerTrigger;
+        /**
+          * Trigger element type
+          * @default 'default'
+          * @example <x-color-picker triggerType="button"></x-color-picker>
+         */
+        "triggerType": ColorPickerTriggerType;
         /**
           * Value of color
           * @example <x-color-picker value="#1677ff"></x-color-picker>
@@ -1712,6 +1801,11 @@ export namespace Components {
           * @example <x-date-picker superPrevIcon="double-left"></x-date-picker>
          */
         "superPrevIcon": string;
+        /**
+          * If true, and no value is provided, defaults to the first day of the current year.
+          * @default false
+         */
+        "useFirstDayOfYearDefault": boolean;
         /**
           * Current selected value (ISO string or Date compatible string).
           * @example <x-date-picker value="2026-01-01"></x-date-picker>
@@ -2326,7 +2420,7 @@ export namespace Components {
         /**
           * Configuration for the toolbar groups and actions. Allows customizing which tools are available to the user.
           * @type {ToolbarConfig}
-          * @default [     {       name: 'history',       actions: [         { type: 'undo', title: translate('Editor.undo', {}, 'Undo (Ctrl+Z)') },         { type: 'redo', title: translate('Editor.redo', {}, 'Redo (Ctrl+Shift+Z)') },       ]     },     'divider',     {       name: 'text',       actions: [         { type: 'bold', title: translate('Editor.bold', {}, 'Bold (Ctrl+B)') },         { type: 'italic', title: translate('Editor.italic', {}, 'Italic (Ctrl+I)') },         { type: 'underline', title: translate('Editor.underline', {}, 'Underline (Ctrl+U)') },         { type: 'strikethrough', title: translate('Editor.strikethrough', {}, 'Strikethrough') },       ]     },     'divider',     {       name: 'colors',       actions: [         { type: 'textColor', title: translate('Editor.textColor', {}, 'Text Color') },         { type: 'backgroundColor', title: translate('Editor.backgroundColor', {}, 'Background Color') },       ]     },     'divider',     {       name: 'typography',       actions: [         { type: 'fontFamily', title: translate('Editor.fontFamily', {}, 'Font Family') },         { type: 'fontSize', title: translate('Editor.fontSize', {}, 'Font Size') },       ]     },     'divider',     {       name: 'blocks',       actions: [         { type: 'h1', title: translate('Editor.h1', {}, 'Heading 1') },         { type: 'h2', title: translate('Editor.h2', {}, 'Heading 2') },         { type: 'h3', title: translate('Editor.h3', {}, 'Heading 3') },         { type: 'h4', title: translate('Editor.h4', {}, 'Heading 4') },         { type: 'h5', title: translate('Editor.h5', {}, 'Heading 5') },         { type: 'h6', title: translate('Editor.h6', {}, 'Heading 6') },         { type: 'paragraph', title: translate('Editor.paragraph', {}, 'Paragraph') },         { type: 'blockquote', title: translate('Editor.blockquote', {}, 'Quote') },         { type: 'code', title: translate('Editor.codeBlock', {}, 'Code Block') },       ]     },     'divider',     {       name: 'alignment',       actions: [         { type: 'alignLeft', title: translate('Editor.alignLeft', {}, 'Align Left') },         { type: 'alignCenter', title: translate('Editor.alignCenter', {}, 'Align Center') },         { type: 'alignRight', title: translate('Editor.alignRight', {}, 'Align Right') },         { type: 'alignJustify', title: translate('Editor.alignJustify', {}, 'Align Justify') },       ]     },     'divider',     {       name: 'indentation',       actions: [         { type: 'outdent', title: translate('Editor.outdent', {}, 'Decrease Indent') },         { type: 'indent', title: translate('Editor.indent', {}, 'Increase Indent') },       ]     },     'divider',     {       name: 'insert',       actions: [         { type: 'link', title: translate('Editor.insertLink', {}, 'Insert Link') },         { type: 'image', title: translate('Editor.insertImage', {}, 'Insert Image') },         { type: 'video', title: translate('Editor.insertVideo', {}, 'Insert Video') },         { type: 'file', title: translate('Editor.insertFile', {}, 'Insert File') },         { type: 'table', title: translate('Editor.insertTable', {}, 'Insert Table') },         { type: 'hr', title: translate('Editor.horizontalLine', {}, 'Horizontal Line') },       ]     },   ]
+          * @default [     {       name: 'history',       actions: [         { type: 'undo', title: translate('Editor.undo', {}, 'Undo (Ctrl+Z)') },         { type: 'redo', title: translate('Editor.redo', {}, 'Redo (Ctrl+Shift+Z)') },       ],     },     'divider',     {       name: 'text',       actions: [         { type: 'bold', title: translate('Editor.bold', {}, 'Bold (Ctrl+B)') },         { type: 'italic', title: translate('Editor.italic', {}, 'Italic (Ctrl+I)') },         { type: 'underline', title: translate('Editor.underline', {}, 'Underline (Ctrl+U)') },         { type: 'strikethrough', title: translate('Editor.strikethrough', {}, 'Strikethrough') },       ],     },     'divider',     {       name: 'colors',       actions: [         { type: 'textColor', title: translate('Editor.textColor', {}, 'Text Color') },         { type: 'backgroundColor', title: translate('Editor.backgroundColor', {}, 'Background Color') },       ],     },     'divider',     {       name: 'typography',       actions: [         { type: 'fontFamily', title: translate('Editor.fontFamily', {}, 'Font Family') },         { type: 'fontSize', title: translate('Editor.fontSize', {}, 'Font Size') },       ],     },     'divider',     {       name: 'blocks',       actions: [         { type: 'h1', title: translate('Editor.h1', {}, 'Heading 1') },         { type: 'h2', title: translate('Editor.h2', {}, 'Heading 2') },         { type: 'h3', title: translate('Editor.h3', {}, 'Heading 3') },         { type: 'h4', title: translate('Editor.h4', {}, 'Heading 4') },         { type: 'h5', title: translate('Editor.h5', {}, 'Heading 5') },         { type: 'h6', title: translate('Editor.h6', {}, 'Heading 6') },         { type: 'paragraph', title: translate('Editor.paragraph', {}, 'Paragraph') },         { type: 'blockquote', title: translate('Editor.blockquote', {}, 'Quote') },         { type: 'code', title: translate('Editor.codeBlock', {}, 'Code Block') },       ],     },     'divider',     {       name: 'alignment',       actions: [         { type: 'alignLeft', title: translate('Editor.alignLeft', {}, 'Align Left') },         { type: 'alignCenter', title: translate('Editor.alignCenter', {}, 'Align Center') },         { type: 'alignRight', title: translate('Editor.alignRight', {}, 'Align Right') },         { type: 'alignJustify', title: translate('Editor.alignJustify', {}, 'Align Justify') },       ],     },     'divider',     {       name: 'indentation',       actions: [         { type: 'outdent', title: translate('Editor.outdent', {}, 'Decrease Indent') },         { type: 'indent', title: translate('Editor.indent', {}, 'Increase Indent') },       ],     },     'divider',     {       name: 'insert',       actions: [         { type: 'link', title: translate('Editor.insertLink', {}, 'Insert Link') },         { type: 'image', title: translate('Editor.insertImage', {}, 'Insert Image') },         { type: 'video', title: translate('Editor.insertVideo', {}, 'Insert Video') },         { type: 'file', title: translate('Editor.insertFile', {}, 'Insert File') },         { type: 'table', title: translate('Editor.insertTable', {}, 'Insert Table') },         { type: 'hr', title: translate('Editor.horizontalLine', {}, 'Horizontal Line') },       ],     },   ]
          */
         "toolbar": ToolbarConfig;
         /**
@@ -2354,7 +2448,7 @@ export namespace Components {
          */
         "config": FinderConfig;
         /**
-          * Interface mode for the finder.  'page' takes up full height/width of container. 'dialog' shows up in a modal.
+          * Interface mode for the finder. 'page' takes up full height/width of container. 'dialog' shows up in a modal.
           * @default 'page'
          */
         "displayMode": FinderInterface;
@@ -2477,6 +2571,10 @@ export namespace Components {
           * @example <x-form name="profile"></x-form>
          */
         "name": string;
+        /**
+          * Reset the form
+         */
+        "reset": () => Promise<void>;
         /**
           * Form size
           * @example <x-form size="small"></x-form>
@@ -2494,6 +2592,11 @@ export namespace Components {
          */
         "context": any;
         "schema": Schema;
+        /**
+          * @default false
+         */
+        "showErrorCheckbox": boolean;
+        "submit": (event?: Event, field?: FormField | FormAction) => Promise<void>;
         "value": T;
     }
     interface XFormItem {
@@ -2605,15 +2708,36 @@ export namespace Components {
         /**
           * Type of the icon.
           * @example <x-icon name="settings" type="round"></x-icon>
-          * @default "outline"
+          * @default 'outline'
          */
-        "type": "solid" | "outline" | "round";
+        "type": 'solid' | 'outline' | 'round';
         /**
           * Weight of the icon.
           * @example <x-icon name="home" weight={700}></x-icon>
          */
         "weight": number | string;
     }
+    interface XIconPickerDropdownContent {
+        /**
+          * @default {}
+         */
+        "dropdownClasses": Record<string, boolean>;
+        /**
+          * @default 'bottomLeft'
+         */
+        "placement": string;
+        /**
+          * Search query passed from the trigger (x-select's showSearch input). When this changes, pagination resets and icons are filtered.
+          * @default ''
+         */
+        "searchQuery": string;
+        /**
+          * Whether to show an internal search input field at the top of the dropdown. Useful when the trigger (e.g. avatar, button) does not have its own search input.
+          * @default false
+         */
+        "showSearchInput": boolean;
+        "value": string;
+    }
     interface XImage {
         /**
           * Image alt text
@@ -2811,6 +2935,11 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * The number of lines for textarea
+          * @example <x-input type="textarea" rows={4}></x-input>
+         */
+        "rows": number;
         /**
           * Select all text in the input
           * @returns Promise<void>
@@ -2887,6 +3016,96 @@ export namespace Components {
          */
         "variant": InputVariant;
     }
+    interface XInputIcon {
+        /**
+          * Whether to show the clear button when a value is selected.
+          * @example <x-input-icon [allowClear]="false"></x-input-icon>
+          * @default true
+         */
+        "allowClear": boolean;
+        /**
+          * Whether to auto-focus the input on mount.
+          * @example <x-input-icon autofocus></x-input-icon>
+          * @default false
+         */
+        "autofocus": boolean;
+        /**
+          * The initial icon name (uncontrolled).
+          * @example <x-input-icon defaultValue="home"></x-input-icon>
+         */
+        "defaultValue": string;
+        /**
+          * Whether the input is disabled.
+          * @example <x-input-icon disabled></x-input-icon>
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The id attribute for the inner input element. Useful for associating a <label> element.
+          * @example <x-input-icon inputId="icon-field"></x-input-icon>
+         */
+        "inputId": string;
+        /**
+          * The name attribute for the inner input (form submission).
+          * @example <x-input-icon name="menuIcon"></x-input-icon>
+         */
+        "name": string;
+        /**
+          * Whether the dropdown picker is open (controlled).
+          * @example <x-input-icon [open]="true"></x-input-icon>
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Placeholder text shown when no icon is selected.
+          * @example <x-input-icon placeholder="Choose an icon"></x-input-icon>
+          * @default 'Select icon'
+         */
+        "placeholder": string;
+        /**
+          * Placement of the icon picker dropdown.
+          * @example <x-input-icon placement="bottomRight"></x-input-icon>
+          * @default 'bottomLeft'
+         */
+        "placement": InputIconPlacement;
+        "setBlur": () => Promise<void>;
+        "setFocus": () => Promise<void>;
+        /**
+          * Whether to show the icon name as text inside the input. Set to false to display only the icon glyph.
+          * @example <x-input-icon [showName]="false"></x-input-icon>
+          * @default true
+         */
+        "showName": boolean;
+        /**
+          * Size of the input trigger: 'large' | 'middle' | 'small'.
+          * @example <x-input-icon size="large"></x-input-icon>
+          * @default 'middle'
+         */
+        "size": InputIconSize;
+        /**
+          * Validation status: 'error' | 'warning'.
+          * @example <x-input-icon status="error"></x-input-icon>
+         */
+        "status": InputIconStatus;
+        /**
+          * The trigger type: 'input' | 'avatar' | 'button' | 'div' | 'icon'.
+          * @example <x-input-icon triggerType="avatar"></x-input-icon>
+          * @default 'input'
+         */
+        "triggerType": InputIconTriggerType;
+        /**
+          * The selected icon name (controlled value).
+          * @example <x-input-icon value="home"></x-input-icon>
+          * @default ''
+         */
+        "value": string;
+        /**
+          * Visual variant of the trigger: 'outlined' | 'filled' | 'borderless'. Mapped to x-select's `bordered` prop internally.
+          * @example <x-input-icon variant="borderless"></x-input-icon>
+          * @default 'outlined'
+         */
+        "variant": 'outlined' | 'filled' | 'borderless';
+    }
     /**
      * @component x-input-number
      * @description Input number component following Ant Design specification.
@@ -2927,6 +3146,10 @@ export namespace Components {
           * @example <x-input-number controls={false}></x-input-number>
          */
         "controls": boolean;
+        /**
+          * Currency code for formatting (e.g. 'VND', 'USD')
+         */
+        "currency"?: string;
         /**
           * Custom decimal separator
           * @example <x-input-number decimalSeparator=","></x-input-number>
@@ -3053,7 +3276,7 @@ export namespace Components {
         /**
           * Whether the layout is fixed in position.
           * @default true
-          * @example  <x-layout fixed="true">   <x-sider></x-sider> </x-layout>
+          * @example <x-layout fixed="true">   <x-sider></x-sider> </x-layout>
          */
         "fixed": boolean;
         /**
@@ -3062,6 +3285,137 @@ export namespace Components {
          */
         "hasSiderProp": boolean;
     }
+    interface XLayoutAdmin {
+        /**
+          * Initial collapsed state of the sider.
+          * @default false
+         */
+        "collapsed": boolean;
+        /**
+          * Sider width in pixels when collapsed.
+          * @default 80
+         */
+        "siderCollapsedWidth": number;
+        /**
+          * Sider width in pixels when expanded.
+          * @default 250
+         */
+        "siderWidth": number;
+    }
+    interface XLayoutDetail {
+        /**
+          * Border around the container
+          * @default false
+         */
+        "bordered": boolean;
+        /**
+          * UI Configuration (Schema). The 'fields' property defines which keys to display and in what order.
+          * @default {}
+         */
+        "config": DetailConfig | string;
+        /**
+          * Data as a plain object from backend { key: value }
+          * @default {}
+         */
+        "data": Record<string, any> | string;
+        /**
+          * Title of the detail section
+         */
+        "detailTitle"?: string;
+        /**
+          * Text to display when there is no data or no visible fields
+          * @default 'No data'
+         */
+        "emptyText": string;
+        /**
+          * Auto hide fields with empty values (null, undefined, '')
+          * @default true
+         */
+        "hideEmpty": boolean;
+        /**
+          * Custom color for the title
+         */
+        "titleColor"?: string;
+    }
+    /**
+     * A full-page layout component combining header, footer, collapsible sider menu,
+     * breadcrumb, content list, and pagination.
+     * Works as a shell — you slot your own list items into the content area.
+     * @example <x-layout-list
+     *   header-config={{ title: 'My App' }}
+     *   menu-items={[{ key: 'home', label: 'Home', icon: 'home' }]}
+     *   total={100}
+     *   page-size={10}
+     *   current={1}
+     * >
+     *   <x-list-item slot="list-items">Item 1</x-list-item>
+     * </x-layout-list>
+     */
+    interface XLayoutList {
+        /**
+          * Content configuration object (breadcrumbs, title, loading).
+          * @default {}
+         */
+        "contentConfig": LayoutListContentConfig;
+        /**
+          * Current page number (controlled).
+          * @default 1
+         */
+        "current": number;
+        /**
+          * Footer configuration object (text, show).
+          * @default {}
+         */
+        "footerConfig": LayoutListFooterConfig;
+        /**
+          * Header configuration object (title, sticky, height).
+          * @default {}
+         */
+        "headerConfig": LayoutListHeaderConfig;
+        /**
+          * Whether to hide pagination when there is only one page.
+          * @default true
+         */
+        "hideOnSinglePage": boolean;
+        /**
+          * Array of menu items to render in the sider.
+          * @example [{ key: 'home', label: 'Home', icon: 'home' }]
+          * @default []
+         */
+        "menuItems": LayoutListMenuItem[];
+        /**
+          * Currently expanded submenu keys (controlled).
+         */
+        "openMenuKeys"?: string[];
+        /**
+          * Number of items per page.
+          * @default 10
+         */
+        "pageSize": number;
+        /**
+          * Options for page size selector.
+          * @default [10, 20, 50, 100]
+         */
+        "pageSizeOptions": number[];
+        /**
+          * Currently selected menu key (controlled).
+         */
+        "selectedMenuKey"?: string;
+        /**
+          * Whether to show page size changer.
+         */
+        "showSizeChanger"?: boolean;
+        /**
+          * Sider (sidebar menu) configuration object.
+          * @default {}
+         */
+        "siderConfig": LayoutListSiderConfig;
+        /**
+          * Total number of items in the list.
+          * @default 0
+         */
+        "total": number;
+    }
     interface XList {
         /**
           * Toggles rendering of the border around the list.
@@ -3122,6 +3476,43 @@ export namespace Components {
     }
     interface XListItem {
     }
+    interface XLogin {
+        /**
+          * Configuration object for customizing labels, links, and features.
+          * @example <x-login config={{ brandName: 'My App', showSocialLogin: true }}></x-login>
+          * @default {}
+         */
+        "config": LoginConfig;
+        /**
+          * Disable the entire form.
+          * @example <x-login disabled></x-login>
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Error message to display (e.g., "Invalid credentials").
+          * @example <x-login error="Invalid email or password"></x-login>
+          * @default ''
+         */
+        "error": string;
+        /**
+          * Optional custom form schema for x-form-builder. If not provided, a default login schema is generated from the config.
+          * @example <x-login formSchema={myCustomSchema}></x-login>
+         */
+        "formSchema": Schema;
+        /**
+          * Show loading state on the submit button.
+          * @example <x-login loading></x-login>
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Login page layout variant.
+          * @example <x-login variant="split-image"></x-login>
+          * @default 'simple'
+         */
+        "variant": LoginVariant;
+    }
     interface XMentions {
         /**
           * Disable input.
@@ -3499,6 +3890,11 @@ export namespace Components {
           * @default true
          */
         "footer": boolean;
+        /**
+          * Help text displayed as a tooltip icon next to the modal title.
+          * @example <x-modal helpText="More information here"></x-modal>
+         */
+        "helpText": string;
         /**
           * Whether to show mask.
           * @example <x-modal mask={false}></x-modal>
@@ -3516,6 +3912,12 @@ export namespace Components {
           * @example <x-modal modalTitle="Confirm"></x-modal>
          */
         "modalTitle": string;
+        /**
+          * Whether OK button is disabled.
+          * @example <x-modal okDisabled></x-modal>
+          * @default false
+         */
+        "okDisabled": boolean;
         /**
           * OK button loading state.
           * @example <x-modal okLoading></x-modal>
@@ -3564,6 +3966,10 @@ export namespace Components {
           * @default ''
          */
         "bodyContent": string;
+        /**
+          * Body content - Array of DOM nodes or single Node.
+         */
+        "bodyNodes"?: Node[] | Node;
         /**
           * Body style.
          */
@@ -3604,6 +4010,15 @@ export namespace Components {
           * @default ''
          */
         "footerContent": string;
+        /**
+          * Footer content - Array of DOM nodes or single Node.
+         */
+        "footerNodes"?: Node[] | Node;
+        /**
+          * Help text displayed as a tooltip next to the modal title.
+          * @example <x-modal-content helpText="This is help info"></x-modal-content>
+         */
+        "helpText": string;
         /**
           * Whether to show mask.
           * @example <x-modal-content mask={false}></x-modal-content>
@@ -3630,6 +4045,11 @@ export namespace Components {
           * @default false
          */
         "okDanger": boolean;
+        /**
+          * Whether OK button is disabled.
+          * @default false
+         */
+        "okDisabled": boolean;
         /**
           * OK button loading state.
           * @example <x-modal-content okLoading></x-modal-content>
@@ -4168,6 +4588,11 @@ export namespace Components {
           * @default 'svg'
          */
         "type": 'svg' | 'canvas';
+        /**
+          * Whether to use a Web Worker for generation (Experimental)
+          * @default false
+         */
+        "useWorker": boolean;
         /**
           * The value to encode in the QR code
           * @default ''
@@ -4412,7 +4837,7 @@ export namespace Components {
         /**
           * Placeholder for start and end.
           * @example <x-range-picker placeholder={['From', 'To']}></x-range-picker>
-          * @default [     translate('RangePicker.startPlaceholder', {}, 'Start date'),     translate('RangePicker.endPlaceholder', {}, 'End date'),   ]
+          * @default [translate('RangePicker.startPlaceholder', {}, 'Start date'), translate('RangePicker.endPlaceholder', {}, 'End date')]
          */
         "placeholder": [string, string];
         /**
@@ -5175,10 +5600,10 @@ export namespace Components {
         /**
           * Semantic DOM class names
          */
-        "classNames"?: {
-    container?: string;
-    bar?: string;
-    handle?: string;
+        "classNames"?: {
+    container?: string;
+    bar?: string;
+    handle?: string;
   };
         /**
           * Custom collapsible icon HTML
@@ -5205,10 +5630,10 @@ export namespace Components {
         /**
           * Semantic DOM styles
          */
-        "styles"?: {
-    container?: Record<string, string>;
-    bar?: Record<string, string>;
-    handle?: Record<string, string>;
+        "styles"?: {
+    container?: Record<string, string>;
+    bar?: Record<string, string>;
+    handle?: Record<string, string>;
   };
         /**
           * Orientation (alias for vertical layout) Simultaneously existing with orientation, orientation takes priority
@@ -5546,6 +5971,11 @@ export namespace Components {
           * @default false
          */
         "destroyInactiveTabPane": boolean;
+        /**
+          * Whether tab is disabled.
+          * @default false
+         */
+        "disabled": boolean;
         /**
           * Forced render of content in tabs, not lazy.
           * @example <x-tab-pane forceRender></x-tab-pane>
@@ -5557,6 +5987,11 @@ export namespace Components {
           * @example <x-tab-pane icon="home"></x-tab-pane>
          */
         "icon"?: string;
+        /**
+          * TabPane's key. Alias for tabKey.
+          * @example <x-tab-pane paneKey="profile"></x-tab-pane>
+         */
+        "paneKey": string;
         /**
           * Show text in tab's head.
           * @example <x-tab-pane tab="Profile"></x-tab-pane>
@@ -5595,6 +6030,11 @@ export namespace Components {
           * @example await el.clearSelection()
          */
         "clearSelection": () => Promise<void>;
+        /**
+          * Whether the row is clickable. Can be a boolean or a function returning a boolean.
+          * @default false
+         */
+        "clickable": boolean | ((record: Record<string, unknown>, index: number) => boolean);
         /**
           * Columns configuration.
           * @example <x-table columns={[{ title: 'Name', dataIndex: 'name' }]}></x-table>
@@ -5670,7 +6110,10 @@ export namespace Components {
           * Row events handler.
           * @example <x-table rowEvents={(r) => ({ onClick: () => console.log(r) })}></x-table>
          */
-        "rowEvents"?: (record: Record<string, unknown>, index: number) => { onClick?: (e: Event) => void; onDoubleClick?: (e: Event) => void; onMouseEnter?: (e: Event) => void; onMouseLeave?: (e: Event) => void };
+        "rowEvents"?: (
+    record: Record<string, unknown>,
+    index: number,
+  ) => { onClick?: (e: Event) => void; onDoubleClick?: (e: Event) => void; onMouseEnter?: (e: Event) => void; onMouseLeave?: (e: Event) => void };
         /**
           * Row key field or function.
           * @example <x-table rowKey="id"></x-table>
@@ -5848,6 +6291,11 @@ export namespace Components {
           * @example <x-tabs destroyInactiveTabPane></x-tabs>
          */
         "destroyInactiveTabPane": boolean;
+        /**
+          * Whether tab labels can be renamed (via double click).
+          * @default false
+         */
+        "editable": boolean;
         /**
           * Get current active key.
           * @returns Promise<string | undefined>
@@ -5986,7 +6434,7 @@ export namespace Components {
           * @example <x-textarea autoSize={{ minRows: 2, maxRows: 6 }}></x-textarea>
           * @default false
          */
-        "autoSize": boolean | { minRows?: number, maxRows?: number };
+        "autoSize": boolean | { minRows?: number; maxRows?: number };
         /**
           * Whether has border style
           * @example <x-textarea bordered={false}></x-textarea>
@@ -7148,6 +7596,11 @@ export namespace Components {
           * @example <x-upload action="/api/upload"></x-upload>
          */
         "action"?: string;
+        /**
+          * Hook function which will be executed before uploading. Returning false or a Promise which then is rejected will stop uploading.
+          * @example <x-upload beforeUpload={(file) => file.size < 1024 * 1024}></x-upload>
+         */
+        "beforeUpload"?: (file: File, fileList: File[]) => boolean | Promise<any>;
         /**
           * Custom class names for semantic DOM
           * @example <x-upload classNames={{ root: 'my-upload' }}></x-upload>
@@ -7185,7 +7638,7 @@ export namespace Components {
           * List of files that have been uploaded (controlled)
           * @example <x-upload fileList={[{ uid: '1', name: 'a.png', status: 'done' }]}></x-upload>
          */
-        "fileList"?: UploadFile[];
+        "fileList"?: any;
         /**
           * Request headers
           * @example <x-upload headers={{ Authorization: 'Bearer token' }}></x-upload>
@@ -7202,6 +7655,11 @@ export namespace Components {
           * @example <x-upload maxCount={3}></x-upload>
          */
         "maxCount"?: number;
+        /**
+          * Maximum file size in bytes
+          * @example <x-upload maxFileSize={1024 * 1024 * 10}></x-upload>
+         */
+        "maxFileSize"?: number;
         /**
           * HTTP method for upload request
           * @default 'POST'
@@ -7446,6 +7904,10 @@ export interface XCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXCheckboxElement;
 }
+export interface XCodeEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXCodeEditorElement;
+}
 export interface XCollapseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXCollapseElement;
@@ -7506,6 +7968,10 @@ export interface XFormBuilderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXFormBuilderElement;
 }
+export interface XIconPickerDropdownContentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXIconPickerDropdownContentElement;
+}
 export interface XImageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXImageElement;
@@ -7518,10 +7984,26 @@ export interface XInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXInputElement;
 }
+export interface XInputIconCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXInputIconElement;
+}
 export interface XInputNumberCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXInputNumberElement;
 }
+export interface XLayoutAdminCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXLayoutAdminElement;
+}
+export interface XLayoutListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXLayoutListElement;
+}
+export interface XLoginCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXLoginElement;
+}
 export interface XMentionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXMentionsElement;
@@ -7982,6 +8464,30 @@ declare global {
         prototype: HTMLXCheckboxElement;
         new (): HTMLXCheckboxElement;
     };
+    interface HTMLXCodeEditorElementEventMap {
+        "codeChange": CodeChangeEventDetail;
+        "cursorMove": CursorMoveEventDetail;
+        "langChange": LangChangeEventDetail;
+    }
+    /**
+     * @component x-code-editor
+     * @description Full-featured code editor Web Component built with StencilJS.
+     * @example <x-code-editor language="js" theme="dark" tab-size="2"></x-code-editor>
+     */
+    interface HTMLXCodeEditorElement extends Components.XCodeEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXCodeEditorElementEventMap>(type: K, listener: (this: HTMLXCodeEditorElement, ev: XCodeEditorCustomEvent<HTMLXCodeEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXCodeEditorElementEventMap>(type: K, listener: (this: HTMLXCodeEditorElement, ev: XCodeEditorCustomEvent<HTMLXCodeEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXCodeEditorElement: {
+        prototype: HTMLXCodeEditorElement;
+        new (): HTMLXCodeEditorElement;
+    };
     interface HTMLXColElement extends Components.XCol, HTMLStencilElement {
     }
     var HTMLXColElement: {
@@ -8333,11 +8839,12 @@ declare global {
     };
     interface HTMLXFormElementEventMap {
         "xFinish": Record<string, unknown>;
-        "xFinishFailed": {
-    values: Record<string, unknown>;
-    errorFields: Array<{ name: string[]; errors: string[] }>;
-    outOfDate: boolean;
+        "xFinishFailed": {
+    values: Record<string, unknown>;
+    errorFields: Array<{ name: string[]; errors: string[] }>;
+    outOfDate: boolean;
   };
+        "xReset": void;
     }
     interface HTMLXFormElement extends Components.XForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXFormElementEventMap>(type: K, listener: (this: HTMLXFormElement, ev: XFormCustomEvent<HTMLXFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8394,6 +8901,24 @@ declare global {
         prototype: HTMLXIconElement;
         new (): HTMLXIconElement;
     };
+    interface HTMLXIconPickerDropdownContentElementEventMap {
+        "xIconClick": string;
+        "xSearch": string;
+    }
+    interface HTMLXIconPickerDropdownContentElement extends Components.XIconPickerDropdownContent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXIconPickerDropdownContentElementEventMap>(type: K, listener: (this: HTMLXIconPickerDropdownContentElement, ev: XIconPickerDropdownContentCustomEvent<HTMLXIconPickerDropdownContentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXIconPickerDropdownContentElementEventMap>(type: K, listener: (this: HTMLXIconPickerDropdownContentElement, ev: XIconPickerDropdownContentCustomEvent<HTMLXIconPickerDropdownContentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXIconPickerDropdownContentElement: {
+        prototype: HTMLXIconPickerDropdownContentElement;
+        new (): HTMLXIconPickerDropdownContentElement;
+    };
     interface HTMLXImageElementEventMap {
         "xError": ImageErrorEventDetail;
         "xLoad": ImageLoadEventDetail;
@@ -8452,6 +8977,26 @@ declare global {
         prototype: HTMLXInputElement;
         new (): HTMLXInputElement;
     };
+    interface HTMLXInputIconElementEventMap {
+        "xChange": InputIconChangeEventDetail;
+        "xOpenChange": boolean;
+        "xBlur": FocusEvent;
+        "xFocus": FocusEvent;
+    }
+    interface HTMLXInputIconElement extends Components.XInputIcon, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXInputIconElementEventMap>(type: K, listener: (this: HTMLXInputIconElement, ev: XInputIconCustomEvent<HTMLXInputIconElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXInputIconElementEventMap>(type: K, listener: (this: HTMLXInputIconElement, ev: XInputIconCustomEvent<HTMLXInputIconElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXInputIconElement: {
+        prototype: HTMLXInputIconElement;
+        new (): HTMLXInputIconElement;
+    };
     interface HTMLXInputNumberElementEventMap {
         "xChange": InputNumberChangeEventDetail;
         "xPressEnter": KeyboardEvent;
@@ -8485,6 +9030,61 @@ declare global {
         prototype: HTMLXLayoutElement;
         new (): HTMLXLayoutElement;
     };
+    interface HTMLXLayoutAdminElementEventMap {
+        "xCollapse": { collapsed: boolean };
+    }
+    interface HTMLXLayoutAdminElement extends Components.XLayoutAdmin, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXLayoutAdminElementEventMap>(type: K, listener: (this: HTMLXLayoutAdminElement, ev: XLayoutAdminCustomEvent<HTMLXLayoutAdminElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXLayoutAdminElementEventMap>(type: K, listener: (this: HTMLXLayoutAdminElement, ev: XLayoutAdminCustomEvent<HTMLXLayoutAdminElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXLayoutAdminElement: {
+        prototype: HTMLXLayoutAdminElement;
+        new (): HTMLXLayoutAdminElement;
+    };
+    interface HTMLXLayoutDetailElement extends Components.XLayoutDetail, HTMLStencilElement {
+    }
+    var HTMLXLayoutDetailElement: {
+        prototype: HTMLXLayoutDetailElement;
+        new (): HTMLXLayoutDetailElement;
+    };
+    interface HTMLXLayoutListElementEventMap {
+        "xMenuSelect": LayoutListMenuSelectDetail;
+        "xPageChange": LayoutListPageChangeDetail;
+    }
+    /**
+     * A full-page layout component combining header, footer, collapsible sider menu,
+     * breadcrumb, content list, and pagination.
+     * Works as a shell — you slot your own list items into the content area.
+     * @example <x-layout-list
+     *   header-config={{ title: 'My App' }}
+     *   menu-items={[{ key: 'home', label: 'Home', icon: 'home' }]}
+     *   total={100}
+     *   page-size={10}
+     *   current={1}
+     * >
+     *   <x-list-item slot="list-items">Item 1</x-list-item>
+     * </x-layout-list>
+     */
+    interface HTMLXLayoutListElement extends Components.XLayoutList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXLayoutListElementEventMap>(type: K, listener: (this: HTMLXLayoutListElement, ev: XLayoutListCustomEvent<HTMLXLayoutListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXLayoutListElementEventMap>(type: K, listener: (this: HTMLXLayoutListElement, ev: XLayoutListCustomEvent<HTMLXLayoutListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXLayoutListElement: {
+        prototype: HTMLXLayoutListElement;
+        new (): HTMLXLayoutListElement;
+    };
     interface HTMLXListElement extends Components.XList, HTMLStencilElement {
     }
     var HTMLXListElement: {
@@ -8497,6 +9097,26 @@ declare global {
         prototype: HTMLXListItemElement;
         new (): HTMLXListItemElement;
     };
+    interface HTMLXLoginElementEventMap {
+        "xSubmit": LoginSubmitEventDetail;
+        "xSocialLogin": LoginSocialEventDetail;
+        "xForgotPassword": void;
+        "xSignUp": void;
+    }
+    interface HTMLXLoginElement extends Components.XLogin, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXLoginElementEventMap>(type: K, listener: (this: HTMLXLoginElement, ev: XLoginCustomEvent<HTMLXLoginElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXLoginElementEventMap>(type: K, listener: (this: HTMLXLoginElement, ev: XLoginCustomEvent<HTMLXLoginElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXLoginElement: {
+        prototype: HTMLXLoginElement;
+        new (): HTMLXLoginElement;
+    };
     interface HTMLXMentionsElementEventMap {
         "xChange": string;
         "xSelect": MentionOption;
@@ -9136,10 +9756,10 @@ declare global {
         "xExpandedRowsChange": { expandedKeys: (string | number)[] };
         "xColumnSort": TableColumnSortEventDetail;
         "xDragSort": TableRowSortEventDetail;
-        "xDataDisplayChange": {
-    data: Record<string, unknown>[];
-    total: number;
-    startIndex: number;
+        "xDataDisplayChange": {
+    data: Record<string, unknown>[];
+    total: number;
+    startIndex: number;
   };
     }
     /**
@@ -9182,6 +9802,7 @@ declare global {
         "xTabClick": TabsClickEventDetail;
         "xEdit": TabsEditEventDetail;
         "xTabScroll": TabsScrollEventDetail;
+        "xTabRename": TabsRenameEventDetail;
     }
     /**
      * @component x-tabs
@@ -9228,7 +9849,7 @@ declare global {
         "xChange": string;
         "xInput": InputEvent;
         "xPressEnter": KeyboardEvent;
-        "xResize": { width: number, height: number };
+        "xResize": { width: number; height: number };
     }
     interface HTMLXTextareaElement extends Components.XTextarea, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXTextareaElementEventMap>(type: K, listener: (this: HTMLXTextareaElement, ev: XTextareaCustomEvent<HTMLXTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9469,6 +10090,7 @@ declare global {
         "xPreview": UploadPreviewEventDetail;
         "xDownload": UploadDownloadEventDetail;
         "xDrop": UploadDropEventDetail;
+        "xError": UploadErrorEventDetail;
     }
     /**
      * @component x-upload
@@ -9547,6 +10169,7 @@ declare global {
         "x-cascader": HTMLXCascaderElement;
         "x-cascader-dropdown-content": HTMLXCascaderDropdownContentElement;
         "x-checkbox": HTMLXCheckboxElement;
+        "x-code-editor": HTMLXCodeEditorElement;
         "x-col": HTMLXColElement;
         "x-collapse": HTMLXCollapseElement;
         "x-collapse-panel": HTMLXCollapsePanelElement;
@@ -9574,13 +10197,19 @@ declare global {
         "x-form-item": HTMLXFormItemElement;
         "x-header": HTMLXHeaderElement;
         "x-icon": HTMLXIconElement;
+        "x-icon-picker-dropdown-content": HTMLXIconPickerDropdownContentElement;
         "x-image": HTMLXImageElement;
         "x-infinite-scroll": HTMLXInfiniteScrollElement;
         "x-input": HTMLXInputElement;
+        "x-input-icon": HTMLXInputIconElement;
         "x-input-number": HTMLXInputNumberElement;
         "x-layout": HTMLXLayoutElement;
+        "x-layout-admin": HTMLXLayoutAdminElement;
+        "x-layout-detail": HTMLXLayoutDetailElement;
+        "x-layout-list": HTMLXLayoutListElement;
         "x-list": HTMLXListElement;
         "x-list-item": HTMLXListItemElement;
+        "x-login": HTMLXLoginElement;
         "x-mentions": HTMLXMentionsElement;
         "x-menu": HTMLXMenuElement;
         "x-menu-divider": HTMLXMenuDividerElement;
@@ -9965,6 +10594,12 @@ declare namespace LocalJSX {
           * @example <x-auto-complete open></x-auto-complete>
          */
         "open"?: boolean;
+        /**
+          * Whether the dropdown menu opens when clicked or focused.
+          * @example <x-auto-complete openOnFocus></x-auto-complete>
+          * @default false
+         */
+        "openOnFocus"?: boolean;
         /**
           * Data source for autocomplete.
           * @example <x-auto-complete options={[{ value: 'a', label: 'Alpha' }]}></x-auto-complete>
@@ -10075,8 +10710,8 @@ declare namespace LocalJSX {
          */
         "gap"?: number;
         /**
-          * Icon type (for icon avatar, use slot="icon" instead).
-          * @example <x-avatar icon="user"><x-icon slot="icon" name="user"></x-icon></x-avatar>
+          * Icon name to display inside the avatar.
+          * @example <x-avatar icon="user"></x-avatar>
          */
         "icon"?: string;
         /**
@@ -10305,6 +10940,11 @@ declare namespace LocalJSX {
           * Alias for message prop to match form builder schemas.
          */
         "error"?: string;
+        /**
+          * Whether to hide the internal error message display.
+          * @default false
+         */
+        "hideError"?: boolean;
         /**
           * The label text for the captcha field.
           * @default 'Captcha'
@@ -10752,7 +11392,6 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Callback fired when the checkbox loses focus.
-          * @example <x-checkbox onXBlur={() => {}}>Blur</x-checkbox>
          */
         "onXBlur"?: (event: XCheckboxCustomEvent<void>) => void;
         /**
@@ -10762,7 +11401,6 @@ declare namespace LocalJSX {
         "onXChange"?: (event: XCheckboxCustomEvent<CheckboxChangeEventDetail>) => void;
         /**
           * Callback fired when the checkbox is focused.
-          * @example <x-checkbox onXFocus={() => {}}>Focus</x-checkbox>
          */
         "onXFocus"?: (event: XCheckboxCustomEvent<void>) => void;
         /**
@@ -10781,6 +11419,54 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    /**
+     * @component x-code-editor
+     * @description Full-featured code editor Web Component built with StencilJS.
+     * @example <x-code-editor language="js" theme="dark" tab-size="2"></x-code-editor>
+     */
+    interface XCodeEditor {
+        /**
+          * Custom class names for editor components.
+         */
+        "classNames"?: CodeEditorClassNames;
+        /**
+          * The programming language for syntax highlighting.
+          * @default 'js'
+         */
+        "language"?: Language;
+        "onCodeChange"?: (event: XCodeEditorCustomEvent<CodeChangeEventDetail>) => void;
+        "onCursorMove"?: (event: XCodeEditorCustomEvent<CursorMoveEventDetail>) => void;
+        "onLangChange"?: (event: XCodeEditorCustomEvent<LangChangeEventDetail>) => void;
+        /**
+          * Whether the editor is read-only.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether to show the minimap (not implemented yet).
+          * @default false
+         */
+        "showMinimap"?: boolean;
+        /**
+          * Custom styles for editor components.
+         */
+        "styles"?: CodeEditorStyles;
+        /**
+          * The tab size used for indentation.
+          * @default 2
+         */
+        "tabSize"?: number;
+        /**
+          * Editor theme ('dark' or 'light').
+          * @default 'dark'
+         */
+        "theme"?: 'dark' | 'light';
+        /**
+          * The value of the code editor.
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface XCol {
         /**
           * Flex layout style
@@ -11075,6 +11761,12 @@ declare namespace LocalJSX {
           * @example <x-color-picker trigger="hover"></x-color-picker>
          */
         "trigger"?: ColorPickerTrigger;
+        /**
+          * Trigger element type
+          * @default 'default'
+          * @example <x-color-picker triggerType="button"></x-color-picker>
+         */
+        "triggerType"?: ColorPickerTriggerType;
         /**
           * Value of color
           * @example <x-color-picker value="#1677ff"></x-color-picker>
@@ -11357,6 +12049,11 @@ declare namespace LocalJSX {
           * @example <x-date-picker superPrevIcon="double-left"></x-date-picker>
          */
         "superPrevIcon"?: string;
+        /**
+          * If true, and no value is provided, defaults to the first day of the current year.
+          * @default false
+         */
+        "useFirstDayOfYearDefault"?: boolean;
         /**
           * Current selected value (ISO string or Date compatible string).
           * @example <x-date-picker value="2026-01-01"></x-date-picker>
@@ -12005,7 +12702,7 @@ declare namespace LocalJSX {
         /**
           * Configuration for the toolbar groups and actions. Allows customizing which tools are available to the user.
           * @type {ToolbarConfig}
-          * @default [     {       name: 'history',       actions: [         { type: 'undo', title: translate('Editor.undo', {}, 'Undo (Ctrl+Z)') },         { type: 'redo', title: translate('Editor.redo', {}, 'Redo (Ctrl+Shift+Z)') },       ]     },     'divider',     {       name: 'text',       actions: [         { type: 'bold', title: translate('Editor.bold', {}, 'Bold (Ctrl+B)') },         { type: 'italic', title: translate('Editor.italic', {}, 'Italic (Ctrl+I)') },         { type: 'underline', title: translate('Editor.underline', {}, 'Underline (Ctrl+U)') },         { type: 'strikethrough', title: translate('Editor.strikethrough', {}, 'Strikethrough') },       ]     },     'divider',     {       name: 'colors',       actions: [         { type: 'textColor', title: translate('Editor.textColor', {}, 'Text Color') },         { type: 'backgroundColor', title: translate('Editor.backgroundColor', {}, 'Background Color') },       ]     },     'divider',     {       name: 'typography',       actions: [         { type: 'fontFamily', title: translate('Editor.fontFamily', {}, 'Font Family') },         { type: 'fontSize', title: translate('Editor.fontSize', {}, 'Font Size') },       ]     },     'divider',     {       name: 'blocks',       actions: [         { type: 'h1', title: translate('Editor.h1', {}, 'Heading 1') },         { type: 'h2', title: translate('Editor.h2', {}, 'Heading 2') },         { type: 'h3', title: translate('Editor.h3', {}, 'Heading 3') },         { type: 'h4', title: translate('Editor.h4', {}, 'Heading 4') },         { type: 'h5', title: translate('Editor.h5', {}, 'Heading 5') },         { type: 'h6', title: translate('Editor.h6', {}, 'Heading 6') },         { type: 'paragraph', title: translate('Editor.paragraph', {}, 'Paragraph') },         { type: 'blockquote', title: translate('Editor.blockquote', {}, 'Quote') },         { type: 'code', title: translate('Editor.codeBlock', {}, 'Code Block') },       ]     },     'divider',     {       name: 'alignment',       actions: [         { type: 'alignLeft', title: translate('Editor.alignLeft', {}, 'Align Left') },         { type: 'alignCenter', title: translate('Editor.alignCenter', {}, 'Align Center') },         { type: 'alignRight', title: translate('Editor.alignRight', {}, 'Align Right') },         { type: 'alignJustify', title: translate('Editor.alignJustify', {}, 'Align Justify') },       ]     },     'divider',     {       name: 'indentation',       actions: [         { type: 'outdent', title: translate('Editor.outdent', {}, 'Decrease Indent') },         { type: 'indent', title: translate('Editor.indent', {}, 'Increase Indent') },       ]     },     'divider',     {       name: 'insert',       actions: [         { type: 'link', title: translate('Editor.insertLink', {}, 'Insert Link') },         { type: 'image', title: translate('Editor.insertImage', {}, 'Insert Image') },         { type: 'video', title: translate('Editor.insertVideo', {}, 'Insert Video') },         { type: 'file', title: translate('Editor.insertFile', {}, 'Insert File') },         { type: 'table', title: translate('Editor.insertTable', {}, 'Insert Table') },         { type: 'hr', title: translate('Editor.horizontalLine', {}, 'Horizontal Line') },       ]     },   ]
+          * @default [     {       name: 'history',       actions: [         { type: 'undo', title: translate('Editor.undo', {}, 'Undo (Ctrl+Z)') },         { type: 'redo', title: translate('Editor.redo', {}, 'Redo (Ctrl+Shift+Z)') },       ],     },     'divider',     {       name: 'text',       actions: [         { type: 'bold', title: translate('Editor.bold', {}, 'Bold (Ctrl+B)') },         { type: 'italic', title: translate('Editor.italic', {}, 'Italic (Ctrl+I)') },         { type: 'underline', title: translate('Editor.underline', {}, 'Underline (Ctrl+U)') },         { type: 'strikethrough', title: translate('Editor.strikethrough', {}, 'Strikethrough') },       ],     },     'divider',     {       name: 'colors',       actions: [         { type: 'textColor', title: translate('Editor.textColor', {}, 'Text Color') },         { type: 'backgroundColor', title: translate('Editor.backgroundColor', {}, 'Background Color') },       ],     },     'divider',     {       name: 'typography',       actions: [         { type: 'fontFamily', title: translate('Editor.fontFamily', {}, 'Font Family') },         { type: 'fontSize', title: translate('Editor.fontSize', {}, 'Font Size') },       ],     },     'divider',     {       name: 'blocks',       actions: [         { type: 'h1', title: translate('Editor.h1', {}, 'Heading 1') },         { type: 'h2', title: translate('Editor.h2', {}, 'Heading 2') },         { type: 'h3', title: translate('Editor.h3', {}, 'Heading 3') },         { type: 'h4', title: translate('Editor.h4', {}, 'Heading 4') },         { type: 'h5', title: translate('Editor.h5', {}, 'Heading 5') },         { type: 'h6', title: translate('Editor.h6', {}, 'Heading 6') },         { type: 'paragraph', title: translate('Editor.paragraph', {}, 'Paragraph') },         { type: 'blockquote', title: translate('Editor.blockquote', {}, 'Quote') },         { type: 'code', title: translate('Editor.codeBlock', {}, 'Code Block') },       ],     },     'divider',     {       name: 'alignment',       actions: [         { type: 'alignLeft', title: translate('Editor.alignLeft', {}, 'Align Left') },         { type: 'alignCenter', title: translate('Editor.alignCenter', {}, 'Align Center') },         { type: 'alignRight', title: translate('Editor.alignRight', {}, 'Align Right') },         { type: 'alignJustify', title: translate('Editor.alignJustify', {}, 'Align Justify') },       ],     },     'divider',     {       name: 'indentation',       actions: [         { type: 'outdent', title: translate('Editor.outdent', {}, 'Decrease Indent') },         { type: 'indent', title: translate('Editor.indent', {}, 'Increase Indent') },       ],     },     'divider',     {       name: 'insert',       actions: [         { type: 'link', title: translate('Editor.insertLink', {}, 'Insert Link') },         { type: 'image', title: translate('Editor.insertImage', {}, 'Insert Image') },         { type: 'video', title: translate('Editor.insertVideo', {}, 'Insert Video') },         { type: 'file', title: translate('Editor.insertFile', {}, 'Insert File') },         { type: 'table', title: translate('Editor.insertTable', {}, 'Insert Table') },         { type: 'hr', title: translate('Editor.horizontalLine', {}, 'Horizontal Line') },       ],     },   ]
          */
         "toolbar"?: ToolbarConfig;
     }
@@ -12029,7 +12726,7 @@ declare namespace LocalJSX {
          */
         "config"?: FinderConfig;
         /**
-          * Interface mode for the finder.  'page' takes up full height/width of container. 'dialog' shows up in a modal.
+          * Interface mode for the finder. 'page' takes up full height/width of container. 'dialog' shows up in a modal.
           * @default 'page'
          */
         "displayMode"?: FinderInterface;
@@ -12172,11 +12869,15 @@ declare namespace LocalJSX {
         /**
           * Trigger after submitting the form and verifying data failed
          */
-        "onXFinishFailed"?: (event: XFormCustomEvent<{
-    values: Record<string, unknown>;
-    errorFields: Array<{ name: string[]; errors: string[] }>;
-    outOfDate: boolean;
+        "onXFinishFailed"?: (event: XFormCustomEvent<{
+    values: Record<string, unknown>;
+    errorFields: Array<{ name: string[]; errors: string[] }>;
+    outOfDate: boolean;
   }>) => void;
+        /**
+          * Trigger after resetting the form
+         */
+        "onXReset"?: (event: XFormCustomEvent<void>) => void;
         /**
           * Form size
           * @example <x-form size="small"></x-form>
@@ -12200,6 +12901,10 @@ declare namespace LocalJSX {
         "onXClick"?: (event: XFormBuilderCustomEvent<XFormBuilderClickDetail>) => void;
         "onXTableAction"?: (event: XFormBuilderCustomEvent<XTableActionDetail>) => void;
         "schema"?: Schema;
+        /**
+          * @default false
+         */
+        "showErrorCheckbox"?: boolean;
         "value"?: T;
     }
     interface XFormItem {
@@ -12311,15 +13016,38 @@ declare namespace LocalJSX {
         /**
           * Type of the icon.
           * @example <x-icon name="settings" type="round"></x-icon>
-          * @default "outline"
+          * @default 'outline'
          */
-        "type"?: "solid" | "outline" | "round";
+        "type"?: 'solid' | 'outline' | 'round';
         /**
           * Weight of the icon.
           * @example <x-icon name="home" weight={700}></x-icon>
          */
         "weight"?: number | string;
     }
+    interface XIconPickerDropdownContent {
+        /**
+          * @default {}
+         */
+        "dropdownClasses"?: Record<string, boolean>;
+        "onXIconClick"?: (event: XIconPickerDropdownContentCustomEvent<string>) => void;
+        "onXSearch"?: (event: XIconPickerDropdownContentCustomEvent<string>) => void;
+        /**
+          * @default 'bottomLeft'
+         */
+        "placement"?: string;
+        /**
+          * Search query passed from the trigger (x-select's showSearch input). When this changes, pagination resets and icons are filtered.
+          * @default ''
+         */
+        "searchQuery"?: string;
+        /**
+          * Whether to show an internal search input field at the top of the dropdown. Useful when the trigger (e.g. avatar, button) does not have its own search input.
+          * @default false
+         */
+        "showSearchInput"?: boolean;
+        "value"?: string;
+    }
     interface XImage {
         /**
           * Image alt text
@@ -12564,6 +13292,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * The number of lines for textarea
+          * @example <x-input type="textarea" rows={4}></x-input>
+         */
+        "rows"?: number;
         /**
           * Whether to show character count
           * @example <x-input showCount></x-input>
@@ -12622,6 +13355,114 @@ declare namespace LocalJSX {
          */
         "variant"?: InputVariant;
     }
+    interface XInputIcon {
+        /**
+          * Whether to show the clear button when a value is selected.
+          * @example <x-input-icon [allowClear]="false"></x-input-icon>
+          * @default true
+         */
+        "allowClear"?: boolean;
+        /**
+          * Whether to auto-focus the input on mount.
+          * @example <x-input-icon autofocus></x-input-icon>
+          * @default false
+         */
+        "autofocus"?: boolean;
+        /**
+          * The initial icon name (uncontrolled).
+          * @example <x-input-icon defaultValue="home"></x-input-icon>
+         */
+        "defaultValue"?: string;
+        /**
+          * Whether the input is disabled.
+          * @example <x-input-icon disabled></x-input-icon>
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The id attribute for the inner input element. Useful for associating a <label> element.
+          * @example <x-input-icon inputId="icon-field"></x-input-icon>
+         */
+        "inputId"?: string;
+        /**
+          * The name attribute for the inner input (form submission).
+          * @example <x-input-icon name="menuIcon"></x-input-icon>
+         */
+        "name"?: string;
+        /**
+          * Emitted when the input loses focus.
+          * @example (xBlur)="handleBlur($event)"
+         */
+        "onXBlur"?: (event: XInputIconCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when the selected icon changes.
+          * @example (xChange)="handleChange($event)"
+         */
+        "onXChange"?: (event: XInputIconCustomEvent<InputIconChangeEventDetail>) => void;
+        /**
+          * Emitted when the input gains focus.
+          * @example (xFocus)="handleFocus($event)"
+         */
+        "onXFocus"?: (event: XInputIconCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when the dropdown open state changes.
+          * @example (xOpenChange)="handleOpenChange($event)"
+         */
+        "onXOpenChange"?: (event: XInputIconCustomEvent<boolean>) => void;
+        /**
+          * Whether the dropdown picker is open (controlled).
+          * @example <x-input-icon [open]="true"></x-input-icon>
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Placeholder text shown when no icon is selected.
+          * @example <x-input-icon placeholder="Choose an icon"></x-input-icon>
+          * @default 'Select icon'
+         */
+        "placeholder"?: string;
+        /**
+          * Placement of the icon picker dropdown.
+          * @example <x-input-icon placement="bottomRight"></x-input-icon>
+          * @default 'bottomLeft'
+         */
+        "placement"?: InputIconPlacement;
+        /**
+          * Whether to show the icon name as text inside the input. Set to false to display only the icon glyph.
+          * @example <x-input-icon [showName]="false"></x-input-icon>
+          * @default true
+         */
+        "showName"?: boolean;
+        /**
+          * Size of the input trigger: 'large' | 'middle' | 'small'.
+          * @example <x-input-icon size="large"></x-input-icon>
+          * @default 'middle'
+         */
+        "size"?: InputIconSize;
+        /**
+          * Validation status: 'error' | 'warning'.
+          * @example <x-input-icon status="error"></x-input-icon>
+         */
+        "status"?: InputIconStatus;
+        /**
+          * The trigger type: 'input' | 'avatar' | 'button' | 'div' | 'icon'.
+          * @example <x-input-icon triggerType="avatar"></x-input-icon>
+          * @default 'input'
+         */
+        "triggerType"?: InputIconTriggerType;
+        /**
+          * The selected icon name (controlled value).
+          * @example <x-input-icon value="home"></x-input-icon>
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * Visual variant of the trigger: 'outlined' | 'filled' | 'borderless'. Mapped to x-select's `bordered` prop internally.
+          * @example <x-input-icon variant="borderless"></x-input-icon>
+          * @default 'outlined'
+         */
+        "variant"?: 'outlined' | 'filled' | 'borderless';
+    }
     /**
      * @component x-input-number
      * @description Input number component following Ant Design specification.
@@ -12662,6 +13503,10 @@ declare namespace LocalJSX {
           * @example <x-input-number controls={false}></x-input-number>
          */
         "controls"?: boolean;
+        /**
+          * Currency code for formatting (e.g. 'VND', 'USD')
+         */
+        "currency"?: string;
         /**
           * Custom decimal separator
           * @example <x-input-number decimalSeparator=","></x-input-number>
@@ -12801,7 +13646,7 @@ declare namespace LocalJSX {
         /**
           * Whether the layout is fixed in position.
           * @default true
-          * @example  <x-layout fixed="true">   <x-sider></x-sider> </x-layout>
+          * @example <x-layout fixed="true">   <x-sider></x-sider> </x-layout>
          */
         "fixed"?: boolean;
         /**
@@ -12810,6 +13655,151 @@ declare namespace LocalJSX {
          */
         "hasSiderProp"?: boolean;
     }
+    interface XLayoutAdmin {
+        /**
+          * Initial collapsed state of the sider.
+          * @default false
+         */
+        "collapsed"?: boolean;
+        /**
+          * Event emitted when collapse state changes.
+         */
+        "onXCollapse"?: (event: XLayoutAdminCustomEvent<{ collapsed: boolean }>) => void;
+        /**
+          * Sider width in pixels when collapsed.
+          * @default 80
+         */
+        "siderCollapsedWidth"?: number;
+        /**
+          * Sider width in pixels when expanded.
+          * @default 250
+         */
+        "siderWidth"?: number;
+    }
+    interface XLayoutDetail {
+        /**
+          * Border around the container
+          * @default false
+         */
+        "bordered"?: boolean;
+        /**
+          * UI Configuration (Schema). The 'fields' property defines which keys to display and in what order.
+          * @default {}
+         */
+        "config"?: DetailConfig | string;
+        /**
+          * Data as a plain object from backend { key: value }
+          * @default {}
+         */
+        "data"?: Record<string, any> | string;
+        /**
+          * Title of the detail section
+         */
+        "detailTitle"?: string;
+        /**
+          * Text to display when there is no data or no visible fields
+          * @default 'No data'
+         */
+        "emptyText"?: string;
+        /**
+          * Auto hide fields with empty values (null, undefined, '')
+          * @default true
+         */
+        "hideEmpty"?: boolean;
+        /**
+          * Custom color for the title
+         */
+        "titleColor"?: string;
+    }
+    /**
+     * A full-page layout component combining header, footer, collapsible sider menu,
+     * breadcrumb, content list, and pagination.
+     * Works as a shell — you slot your own list items into the content area.
+     * @example <x-layout-list
+     *   header-config={{ title: 'My App' }}
+     *   menu-items={[{ key: 'home', label: 'Home', icon: 'home' }]}
+     *   total={100}
+     *   page-size={10}
+     *   current={1}
+     * >
+     *   <x-list-item slot="list-items">Item 1</x-list-item>
+     * </x-layout-list>
+     */
+    interface XLayoutList {
+        /**
+          * Content configuration object (breadcrumbs, title, loading).
+          * @default {}
+         */
+        "contentConfig"?: LayoutListContentConfig;
+        /**
+          * Current page number (controlled).
+          * @default 1
+         */
+        "current"?: number;
+        /**
+          * Footer configuration object (text, show).
+          * @default {}
+         */
+        "footerConfig"?: LayoutListFooterConfig;
+        /**
+          * Header configuration object (title, sticky, height).
+          * @default {}
+         */
+        "headerConfig"?: LayoutListHeaderConfig;
+        /**
+          * Whether to hide pagination when there is only one page.
+          * @default true
+         */
+        "hideOnSinglePage"?: boolean;
+        /**
+          * Array of menu items to render in the sider.
+          * @example [{ key: 'home', label: 'Home', icon: 'home' }]
+          * @default []
+         */
+        "menuItems"?: LayoutListMenuItem[];
+        /**
+          * Emitted when a menu item is clicked/selected.
+          * @example <x-layout-list (xMenuSelect)="onMenuSelect($event)">
+         */
+        "onXMenuSelect"?: (event: XLayoutListCustomEvent<LayoutListMenuSelectDetail>) => void;
+        /**
+          * Emitted when page or page size changes.
+          * @example <x-layout-list (xPageChange)="onPageChange($event)">
+         */
+        "onXPageChange"?: (event: XLayoutListCustomEvent<LayoutListPageChangeDetail>) => void;
+        /**
+          * Currently expanded submenu keys (controlled).
+         */
+        "openMenuKeys"?: string[];
+        /**
+          * Number of items per page.
+          * @default 10
+         */
+        "pageSize"?: number;
+        /**
+          * Options for page size selector.
+          * @default [10, 20, 50, 100]
+         */
+        "pageSizeOptions"?: number[];
+        /**
+          * Currently selected menu key (controlled).
+         */
+        "selectedMenuKey"?: string;
+        /**
+          * Whether to show page size changer.
+         */
+        "showSizeChanger"?: boolean;
+        /**
+          * Sider (sidebar menu) configuration object.
+          * @default {}
+         */
+        "siderConfig"?: LayoutListSiderConfig;
+        /**
+          * Total number of items in the list.
+          * @default 0
+         */
+        "total"?: number;
+    }
     interface XList {
         /**
           * Toggles rendering of the border around the list.
@@ -12870,6 +13860,63 @@ declare namespace LocalJSX {
     }
     interface XListItem {
     }
+    interface XLogin {
+        /**
+          * Configuration object for customizing labels, links, and features.
+          * @example <x-login config={{ brandName: 'My App', showSocialLogin: true }}></x-login>
+          * @default {}
+         */
+        "config"?: LoginConfig;
+        /**
+          * Disable the entire form.
+          * @example <x-login disabled></x-login>
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message to display (e.g., "Invalid credentials").
+          * @example <x-login error="Invalid email or password"></x-login>
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * Optional custom form schema for x-form-builder. If not provided, a default login schema is generated from the config.
+          * @example <x-login formSchema={myCustomSchema}></x-login>
+         */
+        "formSchema"?: Schema;
+        /**
+          * Show loading state on the submit button.
+          * @example <x-login loading></x-login>
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when "Forgot password?" is clicked (if no forgotPasswordUrl is set).
+          * @example <x-login onXForgotPassword={() => navigateTo('/forgot')}></x-login>
+         */
+        "onXForgotPassword"?: (event: XLoginCustomEvent<void>) => void;
+        /**
+          * Emitted when "Sign up" link is clicked (if no signUpUrl is set).
+          * @example <x-login onXSignUp={() => navigateTo('/register')}></x-login>
+         */
+        "onXSignUp"?: (event: XLoginCustomEvent<void>) => void;
+        /**
+          * Emitted when a social login button is clicked.
+          * @example <x-login onXSocialLogin={(ev) => console.log(ev.detail.provider)}></x-login>
+         */
+        "onXSocialLogin"?: (event: XLoginCustomEvent<LoginSocialEventDetail>) => void;
+        /**
+          * Emitted when the login form is submitted.
+          * @example <x-login onXSubmit={(ev) => console.log(ev.detail)}></x-login>
+         */
+        "onXSubmit"?: (event: XLoginCustomEvent<LoginSubmitEventDetail>) => void;
+        /**
+          * Login page layout variant.
+          * @example <x-login variant="split-image"></x-login>
+          * @default 'simple'
+         */
+        "variant"?: LoginVariant;
+    }
     interface XMentions {
         /**
           * Disable input.
@@ -13176,6 +14223,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "footer"?: boolean;
+        /**
+          * Help text displayed as a tooltip icon next to the modal title.
+          * @example <x-modal helpText="More information here"></x-modal>
+         */
+        "helpText"?: string;
         /**
           * Whether to show mask.
           * @example <x-modal mask={false}></x-modal>
@@ -13193,6 +14245,12 @@ declare namespace LocalJSX {
           * @example <x-modal modalTitle="Confirm"></x-modal>
          */
         "modalTitle"?: string;
+        /**
+          * Whether OK button is disabled.
+          * @example <x-modal okDisabled></x-modal>
+          * @default false
+         */
+        "okDisabled"?: boolean;
         /**
           * OK button loading state.
           * @example <x-modal okLoading></x-modal>
@@ -13251,6 +14309,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "bodyContent"?: string;
+        /**
+          * Body content - Array of DOM nodes or single Node.
+         */
+        "bodyNodes"?: Node[] | Node;
         /**
           * Body style.
          */
@@ -13291,6 +14353,15 @@ declare namespace LocalJSX {
           * @default ''
          */
         "footerContent"?: string;
+        /**
+          * Footer content - Array of DOM nodes or single Node.
+         */
+        "footerNodes"?: Node[] | Node;
+        /**
+          * Help text displayed as a tooltip next to the modal title.
+          * @example <x-modal-content helpText="This is help info"></x-modal-content>
+         */
+        "helpText"?: string;
         /**
           * Whether to show mask.
           * @example <x-modal-content mask={false}></x-modal-content>
@@ -13317,6 +14388,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "okDanger"?: boolean;
+        /**
+          * Whether OK button is disabled.
+          * @default false
+         */
+        "okDisabled"?: boolean;
         /**
           * OK button loading state.
           * @example <x-modal-content okLoading></x-modal-content>
@@ -13867,6 +14943,11 @@ declare namespace LocalJSX {
           * @default 'svg'
          */
         "type"?: 'svg' | 'canvas';
+        /**
+          * Whether to use a Web Worker for generation (Experimental)
+          * @default false
+         */
+        "useWorker"?: boolean;
         /**
           * The value to encode in the QR code
           * @default ''
@@ -14143,7 +15224,7 @@ declare namespace LocalJSX {
         /**
           * Placeholder for start and end.
           * @example <x-range-picker placeholder={['From', 'To']}></x-range-picker>
-          * @default [     translate('RangePicker.startPlaceholder', {}, 'Start date'),     translate('RangePicker.endPlaceholder', {}, 'End date'),   ]
+          * @default [translate('RangePicker.startPlaceholder', {}, 'Start date'), translate('RangePicker.endPlaceholder', {}, 'End date')]
          */
         "placeholder"?: [string, string];
         /**
@@ -15012,10 +16093,10 @@ declare namespace LocalJSX {
         /**
           * Semantic DOM class names
          */
-        "classNames"?: {
-    container?: string;
-    bar?: string;
-    handle?: string;
+        "classNames"?: {
+    container?: string;
+    bar?: string;
+    handle?: string;
   };
         /**
           * Custom collapsible icon HTML
@@ -15058,10 +16139,10 @@ declare namespace LocalJSX {
         /**
           * Semantic DOM styles
          */
-        "styles"?: {
-    container?: Record<string, string>;
-    bar?: Record<string, string>;
-    handle?: Record<string, string>;
+        "styles"?: {
+    container?: Record<string, string>;
+    bar?: Record<string, string>;
+    handle?: Record<string, string>;
   };
         /**
           * Orientation (alias for vertical layout) Simultaneously existing with orientation, orientation takes priority
@@ -15387,6 +16468,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "destroyInactiveTabPane"?: boolean;
+        /**
+          * Whether tab is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
         /**
           * Forced render of content in tabs, not lazy.
           * @example <x-tab-pane forceRender></x-tab-pane>
@@ -15398,6 +16484,11 @@ declare namespace LocalJSX {
           * @example <x-tab-pane icon="home"></x-tab-pane>
          */
         "icon"?: string;
+        /**
+          * TabPane's key. Alias for tabKey.
+          * @example <x-tab-pane paneKey="profile"></x-tab-pane>
+         */
+        "paneKey"?: string;
         /**
           * Show text in tab's head.
           * @example <x-tab-pane tab="Profile"></x-tab-pane>
@@ -15430,6 +16521,11 @@ declare namespace LocalJSX {
           * @example <x-table classNames={{ root: 'my-table' }}></x-table>
          */
         "classNames"?: TableClassNames;
+        /**
+          * Whether the row is clickable. Can be a boolean or a function returning a boolean.
+          * @default false
+         */
+        "clickable"?: boolean | ((record: Record<string, unknown>, index: number) => boolean);
         /**
           * Columns configuration.
           * @example <x-table columns={[{ title: 'Name', dataIndex: 'name' }]}></x-table>
@@ -15486,10 +16582,10 @@ declare namespace LocalJSX {
         /**
           * Callback when displayed data changes (due to pagination, filtering or sorting)
          */
-        "onXDataDisplayChange"?: (event: XTableCustomEvent<{
-    data: Record<string, unknown>[];
-    total: number;
-    startIndex: number;
+        "onXDataDisplayChange"?: (event: XTableCustomEvent<{
+    data: Record<string, unknown>[];
+    total: number;
+    startIndex: number;
   }>) => void;
         /**
           * Callback when rows are reordered via drag and drop.
@@ -15539,7 +16635,10 @@ declare namespace LocalJSX {
           * Row events handler.
           * @example <x-table rowEvents={(r) => ({ onClick: () => console.log(r) })}></x-table>
          */
-        "rowEvents"?: (record: Record<string, unknown>, index: number) => { onClick?: (e: Event) => void; onDoubleClick?: (e: Event) => void; onMouseEnter?: (e: Event) => void; onMouseLeave?: (e: Event) => void };
+        "rowEvents"?: (
+    record: Record<string, unknown>,
+    index: number,
+  ) => { onClick?: (e: Event) => void; onDoubleClick?: (e: Event) => void; onMouseEnter?: (e: Event) => void; onMouseLeave?: (e: Event) => void };
         /**
           * Row key field or function.
           * @example <x-table rowKey="id"></x-table>
@@ -15703,6 +16802,11 @@ declare namespace LocalJSX {
           * @example <x-tabs destroyInactiveTabPane></x-tabs>
          */
         "destroyInactiveTabPane"?: boolean;
+        /**
+          * Whether tab labels can be renamed (via double click).
+          * @default false
+         */
+        "editable"?: boolean;
         /**
           * Whether to hide add button (only for editable-card).
           * @default false
@@ -15734,6 +16838,11 @@ declare namespace LocalJSX {
           * @example <x-tabs onXTabClick={(ev) => console.log(ev.detail)}></x-tabs>
          */
         "onXTabClick"?: (event: XTabsCustomEvent<TabsClickEventDetail>) => void;
+        /**
+          * Callback when tab label is renamed.
+          * @example <x-tabs onXTabRename={(ev) => console.log(ev.detail)}></x-tabs>
+         */
+        "onXTabRename"?: (event: XTabsCustomEvent<TabsRenameEventDetail>) => void;
         /**
           * Callback when tab scroll.
           * @example <x-tabs onXTabScroll={(ev) => console.log(ev.detail)}></x-tabs>
@@ -15858,7 +16967,7 @@ declare namespace LocalJSX {
           * @example <x-textarea autoSize={{ minRows: 2, maxRows: 6 }}></x-textarea>
           * @default false
          */
-        "autoSize"?: boolean | { minRows?: number, maxRows?: number };
+        "autoSize"?: boolean | { minRows?: number; maxRows?: number };
         /**
           * Whether has border style
           * @example <x-textarea bordered={false}></x-textarea>
@@ -15901,7 +17010,7 @@ declare namespace LocalJSX {
           * Emitted when textarea resizes.
           * @example <x-textarea onXResize={(ev) => console.log(ev.detail)}></x-textarea>
          */
-        "onXResize"?: (event: XTextareaCustomEvent<{ width: number, height: number }>) => void;
+        "onXResize"?: (event: XTextareaCustomEvent<{ width: number; height: number }>) => void;
         /**
           * Placeholder
           * @example <x-textarea placeholder="Type here"></x-textarea>
@@ -17213,6 +18322,11 @@ declare namespace LocalJSX {
           * @example <x-upload action="/api/upload"></x-upload>
          */
         "action"?: string;
+        /**
+          * Hook function which will be executed before uploading. Returning false or a Promise which then is rejected will stop uploading.
+          * @example <x-upload beforeUpload={(file) => file.size < 1024 * 1024}></x-upload>
+         */
+        "beforeUpload"?: (file: File, fileList: File[]) => boolean | Promise<any>;
         /**
           * Custom class names for semantic DOM
           * @example <x-upload classNames={{ root: 'my-upload' }}></x-upload>
@@ -17250,7 +18364,7 @@ declare namespace LocalJSX {
           * List of files that have been uploaded (controlled)
           * @example <x-upload fileList={[{ uid: '1', name: 'a.png', status: 'done' }]}></x-upload>
          */
-        "fileList"?: UploadFile[];
+        "fileList"?: any;
         /**
           * Request headers
           * @example <x-upload headers={{ Authorization: 'Bearer token' }}></x-upload>
@@ -17267,6 +18381,11 @@ declare namespace LocalJSX {
           * @example <x-upload maxCount={3}></x-upload>
          */
         "maxCount"?: number;
+        /**
+          * Maximum file size in bytes
+          * @example <x-upload maxFileSize={1024 * 1024 * 10}></x-upload>
+         */
+        "maxFileSize"?: number;
         /**
           * HTTP method for upload request
           * @default 'POST'
@@ -17300,6 +18419,11 @@ declare namespace LocalJSX {
           * @example <x-upload onXDrop={(ev) => console.log(ev.detail)}></x-upload>
          */
         "onXDrop"?: (event: XUploadCustomEvent<UploadDropEventDetail>) => void;
+        /**
+          * Callback when validation fails (maxCount, maxFileSize, beforeUpload)
+          * @example <x-upload onXError={(ev) => message.error(ev.detail.message)}></x-upload>
+         */
+        "onXError"?: (event: XUploadCustomEvent<UploadErrorEventDetail>) => void;
         /**
           * Callback when file link or preview icon is clicked
           * @example <x-upload onXPreview={(ev) => console.log(ev.detail)}></x-upload>
@@ -17525,6 +18649,7 @@ declare namespace LocalJSX {
         "listHeight": number;
         "prefixIcon": string;
         "suffixIcon": string;
+        "openOnFocus": boolean;
     }
     interface XAvatarAttributes {
         "shape": AvatarShape;
@@ -17581,6 +18706,7 @@ declare namespace LocalJSX {
         "message": string;
         "error": string;
         "disabled": boolean;
+        "hideError": boolean;
         "value": string;
     }
     interface XCardAttributes {
@@ -17636,6 +18762,14 @@ declare namespace LocalJSX {
         "placement": CheckboxPlacement;
         "alignment": CheckboxAlignment;
     }
+    interface XCodeEditorAttributes {
+        "value": string;
+        "language": Language;
+        "readonly": boolean;
+        "tabSize": number;
+        "theme": 'dark' | 'light';
+        "showMinimap": boolean;
+    }
     interface XColAttributes {
         "span": string;
         "offset": string;
@@ -17685,6 +18819,7 @@ declare namespace LocalJSX {
         "showText": boolean | ((color: Color) => string);
         "size": ColorPickerSize;
         "trigger": ColorPickerTrigger;
+        "triggerType": ColorPickerTriggerType;
         "value": ColorType;
     }
     interface XColorPickerPanelAttributes {
@@ -17733,6 +18868,7 @@ declare namespace LocalJSX {
         "nextIcon": string;
         "inputReadOnly": boolean;
         "weekStartDay": number;
+        "useFirstDayOfYearDefault": boolean;
     }
     interface XDatePickerDropdownContentAttributes {
         "panelMode": DatePickerPanelMode;
@@ -17854,6 +18990,7 @@ declare namespace LocalJSX {
         "hideRequiredMark": boolean;
     }
     interface XFormBuilderAttributes {
+        "showErrorCheckbox": boolean;
         "context": string;
     }
     interface XFormItemAttributes {
@@ -17874,7 +19011,7 @@ declare namespace LocalJSX {
     interface XIconAttributes {
         "rotate": number;
         "spin": boolean;
-        "type": "solid" | "outline" | "round";
+        "type": 'solid' | 'outline' | 'round';
         "name": string;
         "size": string;
         "color": string;
@@ -17882,6 +19019,12 @@ declare namespace LocalJSX {
         "grade": string;
         "fill": boolean;
     }
+    interface XIconPickerDropdownContentAttributes {
+        "value": string;
+        "placement": string;
+        "searchQuery": string;
+        "showSearchInput": boolean;
+    }
     interface XImageAttributes {
         "alt": string;
         "fallback": string;
@@ -17922,6 +19065,7 @@ declare namespace LocalJSX {
         "size": InputSize;
         "status": InputStatus;
         "type": InputType;
+        "rows": number;
         "value": string;
         "placeholder": string;
         "name": string;
@@ -17933,6 +19077,23 @@ declare namespace LocalJSX {
         "required": boolean;
         "spellcheck": boolean;
     }
+    interface XInputIconAttributes {
+        "disabled": boolean;
+        "value": string;
+        "defaultValue": string;
+        "placeholder": string;
+        "size": InputIconSize;
+        "variant": 'outlined' | 'filled' | 'borderless';
+        "status": InputIconStatus;
+        "placement": InputIconPlacement;
+        "triggerType": InputIconTriggerType;
+        "allowClear": boolean;
+        "showName": boolean;
+        "open": boolean;
+        "inputId": string;
+        "name": string;
+        "autofocus": boolean;
+    }
     interface XInputNumberAttributes {
         "addonAfter": string;
         "addonBefore": string;
@@ -17953,6 +19114,7 @@ declare namespace LocalJSX {
         "step": number;
         "stringMode": boolean;
         "suffix": string;
+        "currency": string;
         "value": string;
         "variant": InputNumberVariant;
         "changeOnWheel": boolean;
@@ -17961,6 +19123,28 @@ declare namespace LocalJSX {
         "fixed": boolean;
         "hasSiderProp": boolean;
     }
+    interface XLayoutAdminAttributes {
+        "collapsed": boolean;
+        "siderWidth": number;
+        "siderCollapsedWidth": number;
+    }
+    interface XLayoutDetailAttributes {
+        "detailTitle": string;
+        "titleColor": string;
+        "bordered": boolean;
+        "data": Record<string, any> | string;
+        "config": DetailConfig | string;
+        "hideEmpty": boolean;
+        "emptyText": string;
+    }
+    interface XLayoutListAttributes {
+        "selectedMenuKey": string;
+        "total": number;
+        "current": number;
+        "pageSize": number;
+        "showSizeChanger": boolean;
+        "hideOnSinglePage": boolean;
+    }
     interface XListAttributes {
         "bordered": boolean;
         "split": boolean;
@@ -17971,6 +19155,12 @@ declare namespace LocalJSX {
         "pageSize": number;
         "infiniteScroll": boolean;
     }
+    interface XLoginAttributes {
+        "variant": LoginVariant;
+        "loading": boolean;
+        "disabled": boolean;
+        "error": string;
+    }
     interface XMentionsAttributes {
         "value": string;
         "triggerPrefix": string | string[];
@@ -18017,6 +19207,7 @@ declare namespace LocalJSX {
     interface XModalAttributes {
         "visible": boolean;
         "modalTitle": string;
+        "helpText": string;
         "width": string;
         "footer": boolean;
         "closable": boolean;
@@ -18028,10 +19219,12 @@ declare namespace LocalJSX {
         "okLoading": boolean;
         "cancelLoading": boolean;
         "okType": 'primary' | 'default' | 'dashed' | 'text' | 'link';
+        "okDisabled": boolean;
         "type": 'info' | 'success' | 'error' | 'warning' | 'confirm';
     }
     interface XModalContentAttributes {
         "modalTitle": string;
+        "helpText": string;
         "showHeader": boolean;
         "width": string;
         "footer": boolean;
@@ -18045,6 +19238,7 @@ declare namespace LocalJSX {
         "cancelLoading": boolean;
         "okType": 'primary' | 'default' | 'dashed' | 'text' | 'link';
         "okDanger": boolean;
+        "okDisabled": boolean;
         "type": 'info' | 'success' | 'error' | 'warning' | 'confirm';
         "bodyContent": string;
         "footerContent": string;
@@ -18128,6 +19322,7 @@ declare namespace LocalJSX {
         "value": string;
         "size": number;
         "ec": EC;
+        "useWorker": boolean;
         "type": 'svg' | 'canvas';
         "gradient": boolean;
         "logo": string;
@@ -18356,6 +19551,8 @@ declare namespace LocalJSX {
     }
     interface XTabPaneAttributes {
         "tab": string;
+        "disabled": boolean;
+        "paneKey": string;
         "tabKey": string;
         "forceRender": boolean;
         "active": boolean;
@@ -18378,6 +19575,7 @@ declare namespace LocalJSX {
         "virtual": boolean;
         "emptyText": string;
         "rowClassName": string | ((record: Record<string, unknown>, index: number) => string);
+        "clickable": boolean | ((record: Record<string, unknown>, index: number) => boolean);
         "resizableColumns": boolean;
         "draggableColumns": boolean;
         "draggableRows": boolean;
@@ -18406,6 +19604,7 @@ declare namespace LocalJSX {
         "removeIcon": string;
         "hideAdd": boolean;
         "destroyInactiveTabPane": boolean;
+        "editable": boolean;
     }
     interface XTagAttributes {
         "closable": boolean;
@@ -18420,7 +19619,7 @@ declare namespace LocalJSX {
     }
     interface XTextareaAttributes {
         "allowClear": boolean;
-        "autoSize": boolean | { minRows?: number, maxRows?: number };
+        "autoSize": boolean | { minRows?: number; maxRows?: number };
         "bordered": boolean;
         "defaultValue": string;
         "disabled": boolean;
@@ -18603,6 +19802,7 @@ declare namespace LocalJSX {
         "listType": UploadListType;
         "multiple": boolean;
         "name": string;
+        "fileList": string;
         "maxCount": number;
         "method": UploadMethod;
         "withCredentials": boolean;
@@ -18610,6 +19810,7 @@ declare namespace LocalJSX {
         "openFileDialogOnClick": boolean;
         "showUploadList": boolean | ShowUploadListOptions;
         "drag": boolean;
+        "maxFileSize": number;
     }
     interface XVirtualScrollAttributes {
         "itemHeight": number;
@@ -18658,6 +19859,7 @@ declare namespace LocalJSX {
         "x-cascader": Omit<XCascader, keyof XCascaderAttributes> & { [K in keyof XCascader & keyof XCascaderAttributes]?: XCascader[K] } & { [K in keyof XCascader & keyof XCascaderAttributes as `attr:${K}`]?: XCascaderAttributes[K] } & { [K in keyof XCascader & keyof XCascaderAttributes as `prop:${K}`]?: XCascader[K] };
         "x-cascader-dropdown-content": Omit<XCascaderDropdownContent, keyof XCascaderDropdownContentAttributes> & { [K in keyof XCascaderDropdownContent & keyof XCascaderDropdownContentAttributes]?: XCascaderDropdownContent[K] } & { [K in keyof XCascaderDropdownContent & keyof XCascaderDropdownContentAttributes as `attr:${K}`]?: XCascaderDropdownContentAttributes[K] } & { [K in keyof XCascaderDropdownContent & keyof XCascaderDropdownContentAttributes as `prop:${K}`]?: XCascaderDropdownContent[K] };
         "x-checkbox": Omit<XCheckbox, keyof XCheckboxAttributes> & { [K in keyof XCheckbox & keyof XCheckboxAttributes]?: XCheckbox[K] } & { [K in keyof XCheckbox & keyof XCheckboxAttributes as `attr:${K}`]?: XCheckboxAttributes[K] } & { [K in keyof XCheckbox & keyof XCheckboxAttributes as `prop:${K}`]?: XCheckbox[K] };
+        "x-code-editor": Omit<XCodeEditor, keyof XCodeEditorAttributes> & { [K in keyof XCodeEditor & keyof XCodeEditorAttributes]?: XCodeEditor[K] } & { [K in keyof XCodeEditor & keyof XCodeEditorAttributes as `attr:${K}`]?: XCodeEditorAttributes[K] } & { [K in keyof XCodeEditor & keyof XCodeEditorAttributes as `prop:${K}`]?: XCodeEditor[K] };
         "x-col": Omit<XCol, keyof XColAttributes> & { [K in keyof XCol & keyof XColAttributes]?: XCol[K] } & { [K in keyof XCol & keyof XColAttributes as `attr:${K}`]?: XColAttributes[K] } & { [K in keyof XCol & keyof XColAttributes as `prop:${K}`]?: XCol[K] };
         "x-collapse": Omit<XCollapse, keyof XCollapseAttributes> & { [K in keyof XCollapse & keyof XCollapseAttributes]?: XCollapse[K] } & { [K in keyof XCollapse & keyof XCollapseAttributes as `attr:${K}`]?: XCollapseAttributes[K] } & { [K in keyof XCollapse & keyof XCollapseAttributes as `prop:${K}`]?: XCollapse[K] };
         "x-collapse-panel": Omit<XCollapsePanel, keyof XCollapsePanelAttributes> & { [K in keyof XCollapsePanel & keyof XCollapsePanelAttributes]?: XCollapsePanel[K] } & { [K in keyof XCollapsePanel & keyof XCollapsePanelAttributes as `attr:${K}`]?: XCollapsePanelAttributes[K] } & { [K in keyof XCollapsePanel & keyof XCollapsePanelAttributes as `prop:${K}`]?: XCollapsePanel[K] };
@@ -18685,13 +19887,19 @@ declare namespace LocalJSX {
         "x-form-item": Omit<XFormItem, keyof XFormItemAttributes> & { [K in keyof XFormItem & keyof XFormItemAttributes]?: XFormItem[K] } & { [K in keyof XFormItem & keyof XFormItemAttributes as `attr:${K}`]?: XFormItemAttributes[K] } & { [K in keyof XFormItem & keyof XFormItemAttributes as `prop:${K}`]?: XFormItem[K] };
         "x-header": XHeader;
         "x-icon": Omit<XIcon, keyof XIconAttributes> & { [K in keyof XIcon & keyof XIconAttributes]?: XIcon[K] } & { [K in keyof XIcon & keyof XIconAttributes as `attr:${K}`]?: XIconAttributes[K] } & { [K in keyof XIcon & keyof XIconAttributes as `prop:${K}`]?: XIcon[K] };
+        "x-icon-picker-dropdown-content": Omit<XIconPickerDropdownContent, keyof XIconPickerDropdownContentAttributes> & { [K in keyof XIconPickerDropdownContent & keyof XIconPickerDropdownContentAttributes]?: XIconPickerDropdownContent[K] } & { [K in keyof XIconPickerDropdownContent & keyof XIconPickerDropdownContentAttributes as `attr:${K}`]?: XIconPickerDropdownContentAttributes[K] } & { [K in keyof XIconPickerDropdownContent & keyof XIconPickerDropdownContentAttributes as `prop:${K}`]?: XIconPickerDropdownContent[K] };
         "x-image": Omit<XImage, keyof XImageAttributes> & { [K in keyof XImage & keyof XImageAttributes]?: XImage[K] } & { [K in keyof XImage & keyof XImageAttributes as `attr:${K}`]?: XImageAttributes[K] } & { [K in keyof XImage & keyof XImageAttributes as `prop:${K}`]?: XImage[K] };
         "x-infinite-scroll": Omit<XInfiniteScroll, keyof XInfiniteScrollAttributes> & { [K in keyof XInfiniteScroll & keyof XInfiniteScrollAttributes]?: XInfiniteScroll[K] } & { [K in keyof XInfiniteScroll & keyof XInfiniteScrollAttributes as `attr:${K}`]?: XInfiniteScrollAttributes[K] } & { [K in keyof XInfiniteScroll & keyof XInfiniteScrollAttributes as `prop:${K}`]?: XInfiniteScroll[K] };
         "x-input": Omit<XInput, keyof XInputAttributes> & { [K in keyof XInput & keyof XInputAttributes]?: XInput[K] } & { [K in keyof XInput & keyof XInputAttributes as `attr:${K}`]?: XInputAttributes[K] } & { [K in keyof XInput & keyof XInputAttributes as `prop:${K}`]?: XInput[K] };
+        "x-input-icon": Omit<XInputIcon, keyof XInputIconAttributes> & { [K in keyof XInputIcon & keyof XInputIconAttributes]?: XInputIcon[K] } & { [K in keyof XInputIcon & keyof XInputIconAttributes as `attr:${K}`]?: XInputIconAttributes[K] } & { [K in keyof XInputIcon & keyof XInputIconAttributes as `prop:${K}`]?: XInputIcon[K] };
         "x-input-number": Omit<XInputNumber, keyof XInputNumberAttributes> & { [K in keyof XInputNumber & keyof XInputNumberAttributes]?: XInputNumber[K] } & { [K in keyof XInputNumber & keyof XInputNumberAttributes as `attr:${K}`]?: XInputNumberAttributes[K] } & { [K in keyof XInputNumber & keyof XInputNumberAttributes as `prop:${K}`]?: XInputNumber[K] };
         "x-layout": Omit<XLayout, keyof XLayoutAttributes> & { [K in keyof XLayout & keyof XLayoutAttributes]?: XLayout[K] } & { [K in keyof XLayout & keyof XLayoutAttributes as `attr:${K}`]?: XLayoutAttributes[K] } & { [K in keyof XLayout & keyof XLayoutAttributes as `prop:${K}`]?: XLayout[K] };
+        "x-layout-admin": Omit<XLayoutAdmin, keyof XLayoutAdminAttributes> & { [K in keyof XLayoutAdmin & keyof XLayoutAdminAttributes]?: XLayoutAdmin[K] } & { [K in keyof XLayoutAdmin & keyof XLayoutAdminAttributes as `attr:${K}`]?: XLayoutAdminAttributes[K] } & { [K in keyof XLayoutAdmin & keyof XLayoutAdminAttributes as `prop:${K}`]?: XLayoutAdmin[K] };
+        "x-layout-detail": Omit<XLayoutDetail, keyof XLayoutDetailAttributes> & { [K in keyof XLayoutDetail & keyof XLayoutDetailAttributes]?: XLayoutDetail[K] } & { [K in keyof XLayoutDetail & keyof XLayoutDetailAttributes as `attr:${K}`]?: XLayoutDetailAttributes[K] } & { [K in keyof XLayoutDetail & keyof XLayoutDetailAttributes as `prop:${K}`]?: XLayoutDetail[K] };
+        "x-layout-list": Omit<XLayoutList, keyof XLayoutListAttributes> & { [K in keyof XLayoutList & keyof XLayoutListAttributes]?: XLayoutList[K] } & { [K in keyof XLayoutList & keyof XLayoutListAttributes as `attr:${K}`]?: XLayoutListAttributes[K] } & { [K in keyof XLayoutList & keyof XLayoutListAttributes as `prop:${K}`]?: XLayoutList[K] };
         "x-list": Omit<XList, keyof XListAttributes> & { [K in keyof XList & keyof XListAttributes]?: XList[K] } & { [K in keyof XList & keyof XListAttributes as `attr:${K}`]?: XListAttributes[K] } & { [K in keyof XList & keyof XListAttributes as `prop:${K}`]?: XList[K] };
         "x-list-item": XListItem;
+        "x-login": Omit<XLogin, keyof XLoginAttributes> & { [K in keyof XLogin & keyof XLoginAttributes]?: XLogin[K] } & { [K in keyof XLogin & keyof XLoginAttributes as `attr:${K}`]?: XLoginAttributes[K] } & { [K in keyof XLogin & keyof XLoginAttributes as `prop:${K}`]?: XLogin[K] };
         "x-mentions": Omit<XMentions, keyof XMentionsAttributes> & { [K in keyof XMentions & keyof XMentionsAttributes]?: XMentions[K] } & { [K in keyof XMentions & keyof XMentionsAttributes as `attr:${K}`]?: XMentionsAttributes[K] } & { [K in keyof XMentions & keyof XMentionsAttributes as `prop:${K}`]?: XMentions[K] };
         "x-menu": Omit<XMenu, keyof XMenuAttributes> & { [K in keyof XMenu & keyof XMenuAttributes]?: XMenu[K] } & { [K in keyof XMenu & keyof XMenuAttributes as `attr:${K}`]?: XMenuAttributes[K] } & { [K in keyof XMenu & keyof XMenuAttributes as `prop:${K}`]?: XMenu[K] };
         "x-menu-divider": Omit<XMenuDivider, keyof XMenuDividerAttributes> & { [K in keyof XMenuDivider & keyof XMenuDividerAttributes]?: XMenuDivider[K] } & { [K in keyof XMenuDivider & keyof XMenuDividerAttributes as `attr:${K}`]?: XMenuDividerAttributes[K] } & { [K in keyof XMenuDivider & keyof XMenuDividerAttributes as `prop:${K}`]?: XMenuDivider[K] };
@@ -18807,6 +20015,12 @@ declare module "@stencil/core" {
              * <x-checkbox indeterminate>Select All</x-checkbox>
              */
             "x-checkbox": LocalJSX.IntrinsicElements["x-checkbox"] & JSXBase.HTMLAttributes<HTMLXCheckboxElement>;
+            /**
+             * @component x-code-editor
+             * @description Full-featured code editor Web Component built with StencilJS.
+             * @example <x-code-editor language="js" theme="dark" tab-size="2"></x-code-editor>
+             */
+            "x-code-editor": LocalJSX.IntrinsicElements["x-code-editor"] & JSXBase.HTMLAttributes<HTMLXCodeEditorElement>;
             "x-col": LocalJSX.IntrinsicElements["x-col"] & JSXBase.HTMLAttributes<HTMLXColElement>;
             "x-collapse": LocalJSX.IntrinsicElements["x-collapse"] & JSXBase.HTMLAttributes<HTMLXCollapseElement>;
             "x-collapse-panel": LocalJSX.IntrinsicElements["x-collapse-panel"] & JSXBase.HTMLAttributes<HTMLXCollapsePanelElement>;
@@ -18871,9 +20085,11 @@ declare module "@stencil/core" {
             "x-form-item": LocalJSX.IntrinsicElements["x-form-item"] & JSXBase.HTMLAttributes<HTMLXFormItemElement>;
             "x-header": LocalJSX.IntrinsicElements["x-header"] & JSXBase.HTMLAttributes<HTMLXHeaderElement>;
             "x-icon": LocalJSX.IntrinsicElements["x-icon"] & JSXBase.HTMLAttributes<HTMLXIconElement>;
+            "x-icon-picker-dropdown-content": LocalJSX.IntrinsicElements["x-icon-picker-dropdown-content"] & JSXBase.HTMLAttributes<HTMLXIconPickerDropdownContentElement>;
             "x-image": LocalJSX.IntrinsicElements["x-image"] & JSXBase.HTMLAttributes<HTMLXImageElement>;
             "x-infinite-scroll": LocalJSX.IntrinsicElements["x-infinite-scroll"] & JSXBase.HTMLAttributes<HTMLXInfiniteScrollElement>;
             "x-input": LocalJSX.IntrinsicElements["x-input"] & JSXBase.HTMLAttributes<HTMLXInputElement>;
+            "x-input-icon": LocalJSX.IntrinsicElements["x-input-icon"] & JSXBase.HTMLAttributes<HTMLXInputIconElement>;
             /**
              * @component x-input-number
              * @description Input number component following Ant Design specification.
@@ -18882,8 +20098,26 @@ declare module "@stencil/core" {
              */
             "x-input-number": LocalJSX.IntrinsicElements["x-input-number"] & JSXBase.HTMLAttributes<HTMLXInputNumberElement>;
             "x-layout": LocalJSX.IntrinsicElements["x-layout"] & JSXBase.HTMLAttributes<HTMLXLayoutElement>;
+            "x-layout-admin": LocalJSX.IntrinsicElements["x-layout-admin"] & JSXBase.HTMLAttributes<HTMLXLayoutAdminElement>;
+            "x-layout-detail": LocalJSX.IntrinsicElements["x-layout-detail"] & JSXBase.HTMLAttributes<HTMLXLayoutDetailElement>;
+            /**
+             * A full-page layout component combining header, footer, collapsible sider menu,
+             * breadcrumb, content list, and pagination.
+             * Works as a shell — you slot your own list items into the content area.
+             * @example <x-layout-list
+             *   header-config={{ title: 'My App' }}
+             *   menu-items={[{ key: 'home', label: 'Home', icon: 'home' }]}
+             *   total={100}
+             *   page-size={10}
+             *   current={1}
+             * >
+             *   <x-list-item slot="list-items">Item 1</x-list-item>
+             * </x-layout-list>
+             */
+            "x-layout-list": LocalJSX.IntrinsicElements["x-layout-list"] & JSXBase.HTMLAttributes<HTMLXLayoutListElement>;
             "x-list": LocalJSX.IntrinsicElements["x-list"] & JSXBase.HTMLAttributes<HTMLXListElement>;
             "x-list-item": LocalJSX.IntrinsicElements["x-list-item"] & JSXBase.HTMLAttributes<HTMLXListItemElement>;
+            "x-login": LocalJSX.IntrinsicElements["x-login"] & JSXBase.HTMLAttributes<HTMLXLoginElement>;
             "x-mentions": LocalJSX.IntrinsicElements["x-mentions"] & JSXBase.HTMLAttributes<HTMLXMentionsElement>;
             "x-menu": LocalJSX.IntrinsicElements["x-menu"] & JSXBase.HTMLAttributes<HTMLXMenuElement>;
             "x-menu-divider": LocalJSX.IntrinsicElements["x-menu-divider"] & JSXBase.HTMLAttributes<HTMLXMenuDividerElement>;