@xplor-education/core-stencil-components 2.0.0

package/dist/types/components.d.ts

@@ -0,0 +1,4360 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AssistantErrorEvent, AssistantMessageReceivedEvent, AssistantMessageSentEvent, AssistantSessionEvent } from "./components/xplor-assistant/internal/types";
+import { AutocompleteItem } from "./components/xplor-autocomplete/xplor-autocomplete";
+import { Booking, BookingItem } from "./components/xplor-badge-session-booking/xplor-badge-session-booking";
+import { MenuOption } from "./components/xplor-btn-menu/xplor-btn-menu";
+import { ComboboxItem } from "./components/xplor-combobox/xplor-combobox";
+import { DatatableColumn, DatatablePagination } from "./components/xplor-datatable/xplor-datatable";
+import { UploadedFile } from "./components/xplor-file-upload/xplor-file-upload";
+import { SelectOption } from "./components/xplor-input-select/xplor-input-select";
+import { NavTabItem } from "./components/xplor-nav-tabs/xplor-nav-tabs";
+import { TooltipPosition, TooltipTrigger } from "./components/xplor-tooltip/xplor-tooltip";
+export { AssistantErrorEvent, AssistantMessageReceivedEvent, AssistantMessageSentEvent, AssistantSessionEvent } from "./components/xplor-assistant/internal/types";
+export { AutocompleteItem } from "./components/xplor-autocomplete/xplor-autocomplete";
+export { Booking, BookingItem } from "./components/xplor-badge-session-booking/xplor-badge-session-booking";
+export { MenuOption } from "./components/xplor-btn-menu/xplor-btn-menu";
+export { ComboboxItem } from "./components/xplor-combobox/xplor-combobox";
+export { DatatableColumn, DatatablePagination } from "./components/xplor-datatable/xplor-datatable";
+export { UploadedFile } from "./components/xplor-file-upload/xplor-file-upload";
+export { SelectOption } from "./components/xplor-input-select/xplor-input-select";
+export { NavTabItem } from "./components/xplor-nav-tabs/xplor-nav-tabs";
+export { TooltipPosition, TooltipTrigger } from "./components/xplor-tooltip/xplor-tooltip";
+export namespace Components {
+    interface XplorAlertDialog {
+        /**
+          * Whether the dialog is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Persistent mode - prevents closing on backdrop click
+          * @default true
+         */
+        "persistent": boolean;
+        /**
+          * Dialog width (can be pixel value or percentage)
+          * @default '408px'
+         */
+        "width": string;
+    }
+    interface XplorAlertMessage {
+        "alertTitle": string;
+        /**
+          * @default false
+         */
+        "dismissible": boolean;
+        /**
+          * @default 'info'
+         */
+        "type": 'info' | 'warning' | 'success' | 'error';
+    }
+    interface XplorAssistant {
+        "apiEndpoint": string;
+        /**
+          * @default false
+         */
+        "autoSpeak": boolean;
+        "clearHistory": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default true
+         */
+        "enableTextToSpeech": boolean;
+        /**
+          * @default true
+         */
+        "enableVoiceInput": boolean;
+        /**
+          * @default '600px'
+         */
+        "maxHeight": string;
+        /**
+          * @default 'Type your message...'
+         */
+        "placeholder": string;
+        "quickReplies"?: string[];
+        "sendMessage": (message: string) => Promise<void>;
+        "sessionId"?: string;
+        "speak": (text: string) => Promise<void>;
+        "stopSpeaking": () => Promise<void>;
+        "userEmail": string;
+        "userId": string;
+        "userName": string;
+    }
+    interface XplorAutocomplete {
+        /**
+          * Clear button
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * Disable the autocomplete
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Key to extract display text from item objects
+          * @default 'label'
+         */
+        "itemText": string;
+        /**
+          * Key to extract value from item objects
+          * @default 'value'
+         */
+        "itemValue": string;
+        /**
+          * Array of items to display in the dropdown
+          * @default []
+         */
+        "items": AutocompleteItem[];
+        /**
+          * Label for the input
+         */
+        "label": string;
+        /**
+          * Max width of the dropdown menu
+          * @default '100%'
+         */
+        "menuMaxWidth": string;
+        /**
+          * Minimum characters to trigger search
+          * @default 0
+         */
+        "minSearchLength": number;
+        /**
+          * Allow multiple selection
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Placeholder text
+          * @default 'Search...'
+         */
+        "placeholder": string;
+        /**
+          * Make the autocomplete readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Custom render function for dropdown items
+         */
+        "renderItem": (item: AutocompleteItem) => any;
+        /**
+          * Custom render function for selected items (chips)
+         */
+        "renderSelection": (item: AutocompleteItem) => any;
+        /**
+          * Selected value
+          * @default null
+         */
+        "value": any;
+    }
+    interface XplorAvatar {
+        /**
+          * Background color when there is no image src
+         */
+        "color"?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL if the avatar should be hyperlinked
+         */
+        "href"?: string;
+        /**
+          * Alt text for the image if there is an image src
+         */
+        "name"?: string;
+        /**
+          * Size of the avatar
+         */
+        "size"?: 'md' | 'sm';
+        /**
+          * The image URL
+         */
+        "src"?: string;
+        /**
+          * Color styles for the dot indicator to indicate varied states
+         */
+        "status"?: 'active' | 'warning' | 'inactive';
+        /**
+          * Where to open the URL chosen for the `href` prop: `_self` (default), `_blank`, `_parent`, or `_top`
+         */
+        "target"?: string;
+    }
+    interface XplorAvatarAndName {
+        "color"?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+        "name": string;
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        "src": string;
+        "status"?: 'active' | 'warning' | 'inactive';
+    }
+    interface XplorBadge {
+        /**
+          * Background color (can be CSS color or theme color name)
+          * @default '#e3f2fd'
+         */
+        "backgroundColor": string;
+        /**
+          * Text color - 'auto' will calculate contrasting color
+          * @default 'auto'
+         */
+        "color": string;
+        /**
+          * Whether to use datatable styling (slightly larger padding)
+          * @default false
+         */
+        "datatable": boolean;
+        /**
+          * Size variant
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Optional text content (can also use slot)
+          * @default ''
+         */
+        "text": string;
+        /**
+          * Luminance threshold for auto contrast calculation (0-255)
+          * @default 130
+         */
+        "threshold": number;
+        /**
+          * Visual variant
+          * @default 'flat'
+         */
+        "variant": 'flat' | 'outlined' | 'tonal';
+    }
+    interface XplorBadgeActive {
+    }
+    interface XplorBadgeArchived {
+    }
+    interface XplorBadgeDeleted {
+    }
+    interface XplorBadgeExpired {
+    }
+    interface XplorBadgeInactive {
+    }
+    interface XplorBadgeRecalled {
+    }
+    interface XplorBadgeSessionBooking {
+        /**
+          * Booking object
+         */
+        "booking": Booking;
+        /**
+          * Item object
+         */
+        "item": BookingItem;
+    }
+    interface XplorBadgeUpcoming {
+    }
+    interface XplorBadgeWaitlist {
+    }
+    interface XplorBtnBack {
+        /**
+          * Button color
+          * @default 'secondary'
+         */
+        "color": string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Gap between icon and text
+          * @default '0.625rem'
+         */
+        "gap": string;
+        /**
+          * Minimum height
+          * @default '3rem'
+         */
+        "minHeight": string;
+        /**
+          * Minimum width
+          * @default '6.375rem'
+         */
+        "minWidth": string;
+    }
+    interface XplorBtnBackToParent {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Text/icon color
+          * @default 'secondary'
+         */
+        "color": string;
+        /**
+          * Whether to use inline (relative) positioning instead of absolute
+          * @default false
+         */
+        "inline": boolean;
+        /**
+          * Button size
+          * @default '2.25rem'
+         */
+        "size": string;
+        /**
+          * Visual variant
+          * @default 'tonal'
+         */
+        "variant": 'text' | 'outlined' | 'elevated' | 'tonal';
+    }
+    interface XplorBtnIcon {
+        /**
+          * Button color variant
+          * @default 'secondary'
+         */
+        "color": 'primary' | 'secondary' | 'success' | string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Icon size
+          * @default '18'
+         */
+        "iconSize": string | number;
+        /**
+          * Button size (can be pixel value like '32' or '48')
+          * @default '32'
+         */
+        "size": string | number;
+        /**
+          * Visual variant
+          * @default 'elevated'
+         */
+        "variant": 'text' | 'outlined' | 'elevated' | 'tonal';
+    }
+    interface XplorBtnMenu {
+        /**
+          * Button color
+          * @default 'secondary'
+         */
+        "color": string;
+        /**
+          * Button density (compact, default, comfortable)
+          * @default 'default'
+         */
+        "density": string;
+        /**
+          * Disabled option keys
+          * @default []
+         */
+        "disabledKeys": string[];
+        /**
+          * Hidden option keys
+          * @default []
+         */
+        "hiddenKeys": string[];
+        /**
+          * Button label
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Menu options
+          * @default []
+         */
+        "options": MenuOption[];
+    }
+    interface XplorBtnToggle {
+        /**
+          * Whether the button is active/selected
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Button color when active
+          * @default 'secondary'
+         */
+        "color": string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether to show outline when inactive
+          * @default false
+         */
+        "inactiveOutlined": boolean;
+    }
+    interface XplorBtnToggleGroup {
+        /**
+          * Density variant
+          * @default 'default'
+         */
+        "density": 'compact' | 'default' | 'comfortable';
+        /**
+          * Whether multiple buttons can be active at once
+          * @default false
+         */
+        "multiple": boolean;
+    }
+    interface XplorBtnToggleSecondary {
+        /**
+          * Whether the button is active/selected
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether to show outline when inactive
+          * @default false
+         */
+        "inactiveOutlined": boolean;
+    }
+    interface XplorBtnTooltip {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "iconPosition": 'start' | 'end';
+        "mode": 'office' | 'pg';
+        "text": string;
+        /**
+          * @default 'top'
+         */
+        "tooltipPosition": 'top' | 'bottom' | 'left' | 'right';
+        "tooltipText": string;
+        /**
+          * @default 'primary'
+         */
+        "type": 'primary' | 'secondary' | 'ghost' | 'disabled';
+    }
+    interface XplorButton {
+        "clickAction": () => void;
+        /**
+          * Icon to display (defaults to plus sign)
+          * @default '+'
+         */
+        "icon": string;
+        /**
+          * Icon position: 'start' | 'end' | null
+         */
+        "iconPosition": 'start' | 'end' | null;
+        "iconSvg"?: string;
+        /**
+          * @default 'pg'
+         */
+        "mode"?: 'dark' | 'pg' | 'office';
+        "size"?: string;
+        "styles"?: string;
+        "text": string;
+        /**
+          * @default 'secondary'
+         */
+        "type": 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text';
+    }
+    interface XplorChatWidget {
+        "apiKey": string;
+        /**
+          * @default ['English', 'Spanish', 'French', 'German', 'Italian']
+         */
+        "languageOptions": string[];
+        /**
+          * @default 'text'
+         */
+        "textId": string;
+    }
+    interface XplorCheckbox {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default false
+         */
+        "initialChecked": boolean;
+        /**
+          * @default false
+         */
+        "initialIndeterminate": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+    }
+    interface XplorCombobox {
+        /**
+          * Allow creating new items
+          * @default true
+         */
+        "allowCustom": boolean;
+        /**
+          * Clear button
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * Message to display when creating new item
+          * @default 'Create'
+         */
+        "createMessage": string;
+        /**
+          * Disable the combobox
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Array of items to display in the dropdown
+          * @default []
+         */
+        "items": ComboboxItem[];
+        /**
+          * Label for the input
+         */
+        "label": string;
+        /**
+          * Allow multiple selection
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Placeholder text
+          * @default 'Type to search or add...'
+         */
+        "placeholder": string;
+        /**
+          * Make the combobox readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Selected value(s)
+          * @default null
+         */
+        "value": any;
+    }
+    interface XplorDatatable {
+        /**
+          * Enable row selection with checkboxes
+          * @default false
+         */
+        "canSelect": boolean;
+        /**
+          * Array of column definitions for the table headers
+          * @default []
+         */
+        "headers": DatatableColumn[];
+        /**
+          * Fixed header height (e.g., "400px" or 400)
+         */
+        "height"?: string | number;
+        /**
+          * Enable horizontal lines between rows
+          * @default true
+         */
+        "horizontalLines": boolean;
+        /**
+          * Enable hover effect on rows
+          * @default true
+         */
+        "hover": boolean;
+        /**
+          * Array of data items to display in the table
+          * @default []
+         */
+        "items": any[];
+        /**
+          * Whether the table is in a loading state
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Pagination configuration object
+          * @default {         page: 1,         perpage: 10,         total: 0,     }
+         */
+        "pagination": DatatablePagination;
+        /**
+          * Per page options for pagination
+          * @default [10, 25, 50, 100]
+         */
+        "perPageOptions": number[];
+        /**
+          * Array of selected items (for multiselect)
+          * @default []
+         */
+        "selected": any[];
+        /**
+          * Show skeleton loader when loading
+          * @default true
+         */
+        "skeletonLoader": boolean;
+        /**
+          * Enable striped row styling
+          * @default false
+         */
+        "striped": boolean;
+    }
+    interface XplorDatePicker {
+        /**
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * @default true
+         */
+        "closeOnSelect": boolean;
+        /**
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Date display format: 'short' (DD/MM/YYYY), 'long' (1 Jan 2025), 'iso' (YYYY-MM-DD)
+          * @default 'short'
+         */
+        "dateFormat": 'short' | 'long' | 'iso';
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * 'input' shows text input, 'text' shows clickable text
+          * @default 'input'
+         */
+        "display": 'input' | 'text';
+        /**
+          * @default ''
+         */
+        "error": string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "max": string;
+        /**
+          * @default ''
+         */
+        "min": string;
+        /**
+          * For month type: select start or end of month
+          * @default 'start'
+         */
+        "monthType": 'start' | 'end';
+        /**
+          * @default 'Select date'
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default true
+         */
+        "startWeekOnSunday": boolean;
+        /**
+          * 'date' or 'month'
+          * @default 'date'
+         */
+        "type": 'date' | 'month';
+        /**
+          * Selected date in YYYY-MM-DD format
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorDragAndDropInput {
+        /**
+          * Accepted file types (e.g., 'image/png,.pdf')
+          * @default DEFAULT_ACCEPT_ALL
+         */
+        "accepts": string;
+        /**
+          * Browse button label text
+          * @default 'Browse Files'
+         */
+        "browseLabel": string;
+        /**
+          * Clears the currently selected file
+         */
+        "clearCurrentFile": () => Promise<void>;
+        /**
+          * Disable the file upload
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Instruction text displayed in the drop zone
+          * @default 'Drag and drop your file here'
+         */
+        "label": string;
+    }
+    interface XplorDropdown {
+        "handleChange": (event: Event) => void;
+        "options": string[];
+        "selected": string;
+    }
+    interface XplorExpansionPanel {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "open": boolean;
+    }
+    interface XplorExpansionPanels {
+        /**
+          * @default true
+         */
+        "accordion": boolean;
+        /**
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * @default []
+         */
+        "value": string | string[];
+    }
+    interface XplorFileUpload {
+        /**
+          * Accepted file types (e.g., 'image/png', '.pdf', 'image/star'). Default accepts all types.
+          * @default DEFAULT_ACCEPT_ALL
+         */
+        "accepts": string;
+        /**
+          * Disable the file upload
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text for the upload button
+          * @default 'Upload Files'
+         */
+        "label": string;
+        /**
+          * Maximum file size in bytes
+          * @default 10 * 1024 * 1024
+         */
+        "maxSize": number;
+        /**
+          * Allow multiple file selection
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Show image preview for uploaded images
+          * @default true
+         */
+        "showPreview": boolean;
+    }
+    interface XplorInlineCheckbox {
+        /**
+          * Checked state
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Checkbox color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether the checkbox is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether the checkbox is indeterminate
+          * @default false
+         */
+        "indeterminate": boolean;
+        /**
+          * Label text
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Value (for use in forms)
+         */
+        "value": any;
+    }
+    interface XplorInlineDatePicker {
+        /**
+          * Primary color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Maximum selectable date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "max": string;
+        /**
+          * Minimum selectable date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "min": string;
+        /**
+          * Whether the date picker is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Selected date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "selectedDate": string;
+        /**
+          * Whether to start week on Sunday (default: true)
+          * @default true
+         */
+        "startWeekOnSunday": boolean;
+    }
+    interface XplorInlineSwitch {
+        /**
+          * Checked state
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Switch color (applies when checked)
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether the switch is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Value (for use in forms)
+         */
+        "value": any;
+    }
+    interface XplorInputFile {
+        /**
+          * Accepted file types
+          * @default ''
+         */
+        "accept": string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether to show file counter
+          * @default true
+         */
+        "counter": boolean;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Input label
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Maximum number of chips to show
+          * @default 1
+         */
+        "maxChips": number;
+        /**
+          * Whether multiple files can be selected
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Input placeholder
+          * @default 'Choose file(s)'
+         */
+        "placeholder": string;
+        /**
+          * Prepend inner icon (default: paperclip)
+          * @default '📎'
+         */
+        "prependInnerIcon": string;
+        /**
+          * Whether to show file size
+          * @default 1000
+         */
+        "showSize": number;
+    }
+    interface XplorInputSearch {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Button/focus color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Density (compact, default, comfortable)
+          * @default 'default'
+         */
+        "density": 'compact' | 'default' | 'comfortable';
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Input placeholder
+          * @default 'Search...'
+         */
+        "placeholder": string;
+        /**
+          * Search value
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorInputSelect {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether the select is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error": string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Whether multiple selection is allowed
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Options array
+          * @default []
+         */
+        "options": SelectOption[];
+        /**
+          * Input placeholder
+          * @default 'Select...'
+         */
+        "placeholder": string;
+        /**
+          * Whether the select is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Selected value(s)
+          * @default null
+         */
+        "value": any | any[];
+    }
+    interface XplorInputSend {
+        /**
+          * @default 'Send'
+         */
+        "buttonText": string;
+        /**
+          * @default 'primary'
+         */
+        "buttonType": 'primary' | 'secondary' | 'ghost';
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "maxLength": number;
+        /**
+          * @default 'Type a message...'
+         */
+        "placeholder": string;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorInputText {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error": string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Input type (text, email, password, number, etc.)
+          * @default 'text'
+         */
+        "type": string;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorInputTextArea {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Whether to show clear button
+          * @default true
+         */
+        "clearable": boolean;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color": string;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error": string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Number of rows
+          * @default 3
+         */
+        "rows": number;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorInputTextSecondary {
+        /**
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "error": string;
+        /**
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * @default false
+         */
+        "isDirty": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default 'text'
+         */
+        "type": string;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorInputTitle {
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorLinks {
+        "brand": string;
+    }
+    interface XplorModal {
+        /**
+          * Loading state
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Maximum height
+          * @default '90%'
+         */
+        "maxHeight": string;
+        /**
+          * Maximum width
+          * @default '90%'
+         */
+        "maxWidth": string;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Persistent mode - prevents closing on backdrop click
+          * @default false
+         */
+        "persistent": boolean;
+        /**
+          * Whether the modal content is scrollable
+          * @default true
+         */
+        "scrollable": boolean;
+        /**
+          * Whether to show the title area (for spacing)
+          * @default true
+         */
+        "showTitle": boolean;
+        /**
+          * Modal width
+          * @default '600px'
+         */
+        "width": string;
+    }
+    interface XplorModalPersistent {
+        /**
+          * Loading state
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Maximum height
+          * @default '90%'
+         */
+        "maxHeight": string;
+        /**
+          * Maximum width
+          * @default '90%'
+         */
+        "maxWidth": string;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Modal width
+          * @default '600px'
+         */
+        "width": string;
+    }
+    interface XplorNavTabs {
+        /**
+          * @default 'primary'
+         */
+        "color": 'primary' | 'secondary';
+        /**
+          * @default false
+         */
+        "grow": boolean;
+        /**
+          * @default []
+         */
+        "items": NavTabItem[];
+        "value": string;
+    }
+    interface XplorSectionCard {
+        /**
+          * @default true
+         */
+        "outlined": boolean;
+        /**
+          * @default '1.5rem'
+         */
+        "padding": string;
+        /**
+          * @default true
+         */
+        "rounded": boolean;
+    }
+    interface XplorSectionHeading {
+        /**
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        "text": string;
+    }
+    interface XplorTable {
+        /**
+          * The header values for each column.
+         */
+        "columns"?: string[];
+        /**
+          * The data for the body of the table.
+         */
+        "data"?: string[][];
+        /**
+          * When true, the first column of the table is sticky and will cover the leftmost rows in a horizontally scrollable container.
+         */
+        "freeze"?: boolean;
+        /**
+          * Toggles to show the sort button on each table head
+          * @default true
+         */
+        "isSortable"?: boolean;
+        /**
+          * Toggles a selectable checkbox for each row in the table
+         */
+        "multiselect"?: boolean;
+        /**
+          * The values for the input for each row when multiselect is activated.
+          * @default []
+         */
+        "selectedValues"?: string[];
+        /**
+          * Manually determined if the column is sortable
+          * @default []
+         */
+        "sortableColumns"?: boolean[];
+        /**
+          * Toggles an optional styling of the background of each even row of the table body.
+         */
+        "striped"?: boolean;
+    }
+    interface XplorTextBubble {
+        /**
+          * @default 'orange'
+         */
+        "color": 'green' | 'orange';
+    }
+    interface XplorTextField {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * Whether the field should be clearable
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * Color variant (primary, secondary, success, error, warning, info)
+          * @default 'secondary'
+         */
+        "color": 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+        /**
+          * Custom CSS classes to apply
+          * @default ''
+         */
+        "customClass": string;
+        /**
+          * Whether the field is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Error messages to display
+          * @default []
+         */
+        "errorMessages": string[];
+        /**
+          * When to show details: true (always), false (never), 'auto' (only when error)
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * Whether the field has been modified (dirty state)
+          * @default false
+         */
+        "isDirty": boolean;
+        /**
+          * The label text for the input
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Maximum value (for number type)
+         */
+        "max": number;
+        /**
+          * Maximum length of input
+         */
+        "maxlength": number;
+        /**
+          * Minimum value (for number type)
+         */
+        "min": number;
+        /**
+          * Placeholder text when input is empty
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Whether the field is readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Whether the field is required
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Input type (text, email, password, number, etc.)
+          * @default 'text'
+         */
+        "type": 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+        /**
+          * The current value of the text field
+          * @default ''
+         */
+        "value": string;
+        /**
+          * Visual variant style
+          * @default 'outlined'
+         */
+        "variant": 'outlined' | 'filled' | 'underlined';
+    }
+    interface XplorTimePicker {
+        /**
+          * @default 'white'
+         */
+        "bgColor": string;
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "error": string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails": boolean | 'auto';
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default 'Select time'
+         */
+        "placeholder": string;
+        /**
+          * Auto-fill current time on focus if value is empty
+          * @default false
+         */
+        "prefill": boolean;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default false
+         */
+        "showSeconds": boolean;
+        /**
+          * Time value in HH:mm:ss 24-hour format
+          * @default ''
+         */
+        "value": string;
+    }
+    interface XplorTooltip {
+        /**
+          * @default true
+         */
+        "arrow": boolean;
+        "content": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * @default 'top'
+         */
+        "position": TooltipPosition;
+        /**
+          * @default 'hover'
+         */
+        "trigger": TooltipTrigger;
+    }
+}
+export interface XplorAlertDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorAlertDialogElement;
+}
+export interface XplorAlertMessageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorAlertMessageElement;
+}
+export interface XplorAssistantCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorAssistantElement;
+}
+export interface XplorAutocompleteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorAutocompleteElement;
+}
+export interface XplorBtnBackCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnBackElement;
+}
+export interface XplorBtnBackToParentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnBackToParentElement;
+}
+export interface XplorBtnIconCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnIconElement;
+}
+export interface XplorBtnMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnMenuElement;
+}
+export interface XplorBtnToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnToggleElement;
+}
+export interface XplorBtnToggleSecondaryCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorBtnToggleSecondaryElement;
+}
+export interface XplorCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorCheckboxElement;
+}
+export interface XplorComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorComboboxElement;
+}
+export interface XplorDatatableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorDatatableElement;
+}
+export interface XplorDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorDatePickerElement;
+}
+export interface XplorDragAndDropInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorDragAndDropInputElement;
+}
+export interface XplorExpansionPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorExpansionPanelElement;
+}
+export interface XplorFileUploadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorFileUploadElement;
+}
+export interface XplorInlineCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInlineCheckboxElement;
+}
+export interface XplorInlineDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInlineDatePickerElement;
+}
+export interface XplorInlineSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInlineSwitchElement;
+}
+export interface XplorInputFileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputFileElement;
+}
+export interface XplorInputSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputSearchElement;
+}
+export interface XplorInputSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputSelectElement;
+}
+export interface XplorInputSendCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputSendElement;
+}
+export interface XplorInputTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputTextElement;
+}
+export interface XplorInputTextAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputTextAreaElement;
+}
+export interface XplorInputTextSecondaryCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputTextSecondaryElement;
+}
+export interface XplorInputTitleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorInputTitleElement;
+}
+export interface XplorModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorModalElement;
+}
+export interface XplorModalPersistentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorModalPersistentElement;
+}
+export interface XplorNavTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorNavTabsElement;
+}
+export interface XplorTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorTableElement;
+}
+export interface XplorTextFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorTextFieldElement;
+}
+export interface XplorTimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorTimePickerElement;
+}
+declare global {
+    interface HTMLXplorAlertDialogElementEventMap {
+        "xplorClose": void;
+        "xplorDialogChange": boolean;
+    }
+    interface HTMLXplorAlertDialogElement extends Components.XplorAlertDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorAlertDialogElementEventMap>(type: K, listener: (this: HTMLXplorAlertDialogElement, ev: XplorAlertDialogCustomEvent<HTMLXplorAlertDialogElementEventMap[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 HTMLXplorAlertDialogElementEventMap>(type: K, listener: (this: HTMLXplorAlertDialogElement, ev: XplorAlertDialogCustomEvent<HTMLXplorAlertDialogElementEventMap[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 HTMLXplorAlertDialogElement: {
+        prototype: HTMLXplorAlertDialogElement;
+        new (): HTMLXplorAlertDialogElement;
+    };
+    interface HTMLXplorAlertMessageElementEventMap {
+        "xplorDismiss": void;
+    }
+    interface HTMLXplorAlertMessageElement extends Components.XplorAlertMessage, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorAlertMessageElementEventMap>(type: K, listener: (this: HTMLXplorAlertMessageElement, ev: XplorAlertMessageCustomEvent<HTMLXplorAlertMessageElementEventMap[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 HTMLXplorAlertMessageElementEventMap>(type: K, listener: (this: HTMLXplorAlertMessageElement, ev: XplorAlertMessageCustomEvent<HTMLXplorAlertMessageElementEventMap[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 HTMLXplorAlertMessageElement: {
+        prototype: HTMLXplorAlertMessageElement;
+        new (): HTMLXplorAlertMessageElement;
+    };
+    interface HTMLXplorAssistantElementEventMap {
+        "assistantMessageSent": AssistantMessageSentEvent;
+        "assistantMessageReceived": AssistantMessageReceivedEvent;
+        "assistantError": AssistantErrorEvent;
+        "assistantSessionCreated": AssistantSessionEvent;
+    }
+    interface HTMLXplorAssistantElement extends Components.XplorAssistant, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorAssistantElementEventMap>(type: K, listener: (this: HTMLXplorAssistantElement, ev: XplorAssistantCustomEvent<HTMLXplorAssistantElementEventMap[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 HTMLXplorAssistantElementEventMap>(type: K, listener: (this: HTMLXplorAssistantElement, ev: XplorAssistantCustomEvent<HTMLXplorAssistantElementEventMap[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 HTMLXplorAssistantElement: {
+        prototype: HTMLXplorAssistantElement;
+        new (): HTMLXplorAssistantElement;
+    };
+    interface HTMLXplorAutocompleteElementEventMap {
+        "xplorChange": any;
+        "xplorSelect": AutocompleteItem;
+        "xplorClear": void;
+        "xplorSearch": string;
+    }
+    interface HTMLXplorAutocompleteElement extends Components.XplorAutocomplete, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorAutocompleteElementEventMap>(type: K, listener: (this: HTMLXplorAutocompleteElement, ev: XplorAutocompleteCustomEvent<HTMLXplorAutocompleteElementEventMap[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 HTMLXplorAutocompleteElementEventMap>(type: K, listener: (this: HTMLXplorAutocompleteElement, ev: XplorAutocompleteCustomEvent<HTMLXplorAutocompleteElementEventMap[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 HTMLXplorAutocompleteElement: {
+        prototype: HTMLXplorAutocompleteElement;
+        new (): HTMLXplorAutocompleteElement;
+    };
+    interface HTMLXplorAvatarElement extends Components.XplorAvatar, HTMLStencilElement {
+    }
+    var HTMLXplorAvatarElement: {
+        prototype: HTMLXplorAvatarElement;
+        new (): HTMLXplorAvatarElement;
+    };
+    interface HTMLXplorAvatarAndNameElement extends Components.XplorAvatarAndName, HTMLStencilElement {
+    }
+    var HTMLXplorAvatarAndNameElement: {
+        prototype: HTMLXplorAvatarAndNameElement;
+        new (): HTMLXplorAvatarAndNameElement;
+    };
+    interface HTMLXplorBadgeElement extends Components.XplorBadge, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeElement: {
+        prototype: HTMLXplorBadgeElement;
+        new (): HTMLXplorBadgeElement;
+    };
+    interface HTMLXplorBadgeActiveElement extends Components.XplorBadgeActive, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeActiveElement: {
+        prototype: HTMLXplorBadgeActiveElement;
+        new (): HTMLXplorBadgeActiveElement;
+    };
+    interface HTMLXplorBadgeArchivedElement extends Components.XplorBadgeArchived, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeArchivedElement: {
+        prototype: HTMLXplorBadgeArchivedElement;
+        new (): HTMLXplorBadgeArchivedElement;
+    };
+    interface HTMLXplorBadgeDeletedElement extends Components.XplorBadgeDeleted, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeDeletedElement: {
+        prototype: HTMLXplorBadgeDeletedElement;
+        new (): HTMLXplorBadgeDeletedElement;
+    };
+    interface HTMLXplorBadgeExpiredElement extends Components.XplorBadgeExpired, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeExpiredElement: {
+        prototype: HTMLXplorBadgeExpiredElement;
+        new (): HTMLXplorBadgeExpiredElement;
+    };
+    interface HTMLXplorBadgeInactiveElement extends Components.XplorBadgeInactive, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeInactiveElement: {
+        prototype: HTMLXplorBadgeInactiveElement;
+        new (): HTMLXplorBadgeInactiveElement;
+    };
+    interface HTMLXplorBadgeRecalledElement extends Components.XplorBadgeRecalled, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeRecalledElement: {
+        prototype: HTMLXplorBadgeRecalledElement;
+        new (): HTMLXplorBadgeRecalledElement;
+    };
+    interface HTMLXplorBadgeSessionBookingElement extends Components.XplorBadgeSessionBooking, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeSessionBookingElement: {
+        prototype: HTMLXplorBadgeSessionBookingElement;
+        new (): HTMLXplorBadgeSessionBookingElement;
+    };
+    interface HTMLXplorBadgeUpcomingElement extends Components.XplorBadgeUpcoming, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeUpcomingElement: {
+        prototype: HTMLXplorBadgeUpcomingElement;
+        new (): HTMLXplorBadgeUpcomingElement;
+    };
+    interface HTMLXplorBadgeWaitlistElement extends Components.XplorBadgeWaitlist, HTMLStencilElement {
+    }
+    var HTMLXplorBadgeWaitlistElement: {
+        prototype: HTMLXplorBadgeWaitlistElement;
+        new (): HTMLXplorBadgeWaitlistElement;
+    };
+    interface HTMLXplorBtnBackElementEventMap {
+        "xplorClick": MouseEvent;
+    }
+    interface HTMLXplorBtnBackElement extends Components.XplorBtnBack, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnBackElementEventMap>(type: K, listener: (this: HTMLXplorBtnBackElement, ev: XplorBtnBackCustomEvent<HTMLXplorBtnBackElementEventMap[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 HTMLXplorBtnBackElementEventMap>(type: K, listener: (this: HTMLXplorBtnBackElement, ev: XplorBtnBackCustomEvent<HTMLXplorBtnBackElementEventMap[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 HTMLXplorBtnBackElement: {
+        prototype: HTMLXplorBtnBackElement;
+        new (): HTMLXplorBtnBackElement;
+    };
+    interface HTMLXplorBtnBackToParentElementEventMap {
+        "back": void;
+    }
+    interface HTMLXplorBtnBackToParentElement extends Components.XplorBtnBackToParent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnBackToParentElementEventMap>(type: K, listener: (this: HTMLXplorBtnBackToParentElement, ev: XplorBtnBackToParentCustomEvent<HTMLXplorBtnBackToParentElementEventMap[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 HTMLXplorBtnBackToParentElementEventMap>(type: K, listener: (this: HTMLXplorBtnBackToParentElement, ev: XplorBtnBackToParentCustomEvent<HTMLXplorBtnBackToParentElementEventMap[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 HTMLXplorBtnBackToParentElement: {
+        prototype: HTMLXplorBtnBackToParentElement;
+        new (): HTMLXplorBtnBackToParentElement;
+    };
+    interface HTMLXplorBtnIconElementEventMap {
+        "xplorClick": MouseEvent;
+    }
+    interface HTMLXplorBtnIconElement extends Components.XplorBtnIcon, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnIconElementEventMap>(type: K, listener: (this: HTMLXplorBtnIconElement, ev: XplorBtnIconCustomEvent<HTMLXplorBtnIconElementEventMap[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 HTMLXplorBtnIconElementEventMap>(type: K, listener: (this: HTMLXplorBtnIconElement, ev: XplorBtnIconCustomEvent<HTMLXplorBtnIconElementEventMap[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 HTMLXplorBtnIconElement: {
+        prototype: HTMLXplorBtnIconElement;
+        new (): HTMLXplorBtnIconElement;
+    };
+    interface HTMLXplorBtnMenuElementEventMap {
+        "xplorClick": MenuOption;
+    }
+    interface HTMLXplorBtnMenuElement extends Components.XplorBtnMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnMenuElementEventMap>(type: K, listener: (this: HTMLXplorBtnMenuElement, ev: XplorBtnMenuCustomEvent<HTMLXplorBtnMenuElementEventMap[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 HTMLXplorBtnMenuElementEventMap>(type: K, listener: (this: HTMLXplorBtnMenuElement, ev: XplorBtnMenuCustomEvent<HTMLXplorBtnMenuElementEventMap[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 HTMLXplorBtnMenuElement: {
+        prototype: HTMLXplorBtnMenuElement;
+        new (): HTMLXplorBtnMenuElement;
+    };
+    interface HTMLXplorBtnToggleElementEventMap {
+        "xplorToggle": boolean;
+    }
+    interface HTMLXplorBtnToggleElement extends Components.XplorBtnToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnToggleElementEventMap>(type: K, listener: (this: HTMLXplorBtnToggleElement, ev: XplorBtnToggleCustomEvent<HTMLXplorBtnToggleElementEventMap[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 HTMLXplorBtnToggleElementEventMap>(type: K, listener: (this: HTMLXplorBtnToggleElement, ev: XplorBtnToggleCustomEvent<HTMLXplorBtnToggleElementEventMap[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 HTMLXplorBtnToggleElement: {
+        prototype: HTMLXplorBtnToggleElement;
+        new (): HTMLXplorBtnToggleElement;
+    };
+    interface HTMLXplorBtnToggleGroupElement extends Components.XplorBtnToggleGroup, HTMLStencilElement {
+    }
+    var HTMLXplorBtnToggleGroupElement: {
+        prototype: HTMLXplorBtnToggleGroupElement;
+        new (): HTMLXplorBtnToggleGroupElement;
+    };
+    interface HTMLXplorBtnToggleSecondaryElementEventMap {
+        "xplorToggle": boolean;
+    }
+    interface HTMLXplorBtnToggleSecondaryElement extends Components.XplorBtnToggleSecondary, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorBtnToggleSecondaryElementEventMap>(type: K, listener: (this: HTMLXplorBtnToggleSecondaryElement, ev: XplorBtnToggleSecondaryCustomEvent<HTMLXplorBtnToggleSecondaryElementEventMap[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 HTMLXplorBtnToggleSecondaryElementEventMap>(type: K, listener: (this: HTMLXplorBtnToggleSecondaryElement, ev: XplorBtnToggleSecondaryCustomEvent<HTMLXplorBtnToggleSecondaryElementEventMap[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 HTMLXplorBtnToggleSecondaryElement: {
+        prototype: HTMLXplorBtnToggleSecondaryElement;
+        new (): HTMLXplorBtnToggleSecondaryElement;
+    };
+    interface HTMLXplorBtnTooltipElement extends Components.XplorBtnTooltip, HTMLStencilElement {
+    }
+    var HTMLXplorBtnTooltipElement: {
+        prototype: HTMLXplorBtnTooltipElement;
+        new (): HTMLXplorBtnTooltipElement;
+    };
+    interface HTMLXplorButtonElement extends Components.XplorButton, HTMLStencilElement {
+    }
+    var HTMLXplorButtonElement: {
+        prototype: HTMLXplorButtonElement;
+        new (): HTMLXplorButtonElement;
+    };
+    interface HTMLXplorChatWidgetElement extends Components.XplorChatWidget, HTMLStencilElement {
+    }
+    var HTMLXplorChatWidgetElement: {
+        prototype: HTMLXplorChatWidgetElement;
+        new (): HTMLXplorChatWidgetElement;
+    };
+    interface HTMLXplorCheckboxElementEventMap {
+        "checkboxChange": { checked: boolean; indeterminate: boolean };
+    }
+    interface HTMLXplorCheckboxElement extends Components.XplorCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorCheckboxElementEventMap>(type: K, listener: (this: HTMLXplorCheckboxElement, ev: XplorCheckboxCustomEvent<HTMLXplorCheckboxElementEventMap[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 HTMLXplorCheckboxElementEventMap>(type: K, listener: (this: HTMLXplorCheckboxElement, ev: XplorCheckboxCustomEvent<HTMLXplorCheckboxElementEventMap[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 HTMLXplorCheckboxElement: {
+        prototype: HTMLXplorCheckboxElement;
+        new (): HTMLXplorCheckboxElement;
+    };
+    interface HTMLXplorComboboxElementEventMap {
+        "xplorChange": any;
+        "xplorSelect": ComboboxItem;
+        "xplorCreate": string;
+        "xplorClear": void;
+        "xplorSearch": string;
+    }
+    interface HTMLXplorComboboxElement extends Components.XplorCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorComboboxElementEventMap>(type: K, listener: (this: HTMLXplorComboboxElement, ev: XplorComboboxCustomEvent<HTMLXplorComboboxElementEventMap[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 HTMLXplorComboboxElementEventMap>(type: K, listener: (this: HTMLXplorComboboxElement, ev: XplorComboboxCustomEvent<HTMLXplorComboboxElementEventMap[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 HTMLXplorComboboxElement: {
+        prototype: HTMLXplorComboboxElement;
+        new (): HTMLXplorComboboxElement;
+    };
+    interface HTMLXplorDatatableElementEventMap {
+        "rowClick": any;
+        "xplorSelectionChange": any[];
+        "paginationChange": DatatablePagination;
+        "sortChange": { column: string; direction: 'asc' | 'desc' | null };
+    }
+    interface HTMLXplorDatatableElement extends Components.XplorDatatable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorDatatableElementEventMap>(type: K, listener: (this: HTMLXplorDatatableElement, ev: XplorDatatableCustomEvent<HTMLXplorDatatableElementEventMap[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 HTMLXplorDatatableElementEventMap>(type: K, listener: (this: HTMLXplorDatatableElement, ev: XplorDatatableCustomEvent<HTMLXplorDatatableElementEventMap[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 HTMLXplorDatatableElement: {
+        prototype: HTMLXplorDatatableElement;
+        new (): HTMLXplorDatatableElement;
+    };
+    interface HTMLXplorDatePickerElementEventMap {
+        "dateChange": string;
+        "xplorFocus": FocusEvent;
+        "xplorBlur": FocusEvent;
+        "xplorClear": void;
+    }
+    interface HTMLXplorDatePickerElement extends Components.XplorDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorDatePickerElementEventMap>(type: K, listener: (this: HTMLXplorDatePickerElement, ev: XplorDatePickerCustomEvent<HTMLXplorDatePickerElementEventMap[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 HTMLXplorDatePickerElementEventMap>(type: K, listener: (this: HTMLXplorDatePickerElement, ev: XplorDatePickerCustomEvent<HTMLXplorDatePickerElementEventMap[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 HTMLXplorDatePickerElement: {
+        prototype: HTMLXplorDatePickerElement;
+        new (): HTMLXplorDatePickerElement;
+    };
+    interface HTMLXplorDragAndDropInputElementEventMap {
+        "fileSelect": File;
+        "fileClear": void;
+    }
+    interface HTMLXplorDragAndDropInputElement extends Components.XplorDragAndDropInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorDragAndDropInputElementEventMap>(type: K, listener: (this: HTMLXplorDragAndDropInputElement, ev: XplorDragAndDropInputCustomEvent<HTMLXplorDragAndDropInputElementEventMap[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 HTMLXplorDragAndDropInputElementEventMap>(type: K, listener: (this: HTMLXplorDragAndDropInputElement, ev: XplorDragAndDropInputCustomEvent<HTMLXplorDragAndDropInputElementEventMap[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 HTMLXplorDragAndDropInputElement: {
+        prototype: HTMLXplorDragAndDropInputElement;
+        new (): HTMLXplorDragAndDropInputElement;
+    };
+    interface HTMLXplorDropdownElement extends Components.XplorDropdown, HTMLStencilElement {
+    }
+    var HTMLXplorDropdownElement: {
+        prototype: HTMLXplorDropdownElement;
+        new (): HTMLXplorDropdownElement;
+    };
+    interface HTMLXplorExpansionPanelElementEventMap {
+        "xplorPanelToggle": { id: string; isOpen: boolean };
+    }
+    interface HTMLXplorExpansionPanelElement extends Components.XplorExpansionPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorExpansionPanelElementEventMap>(type: K, listener: (this: HTMLXplorExpansionPanelElement, ev: XplorExpansionPanelCustomEvent<HTMLXplorExpansionPanelElementEventMap[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 HTMLXplorExpansionPanelElementEventMap>(type: K, listener: (this: HTMLXplorExpansionPanelElement, ev: XplorExpansionPanelCustomEvent<HTMLXplorExpansionPanelElementEventMap[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 HTMLXplorExpansionPanelElement: {
+        prototype: HTMLXplorExpansionPanelElement;
+        new (): HTMLXplorExpansionPanelElement;
+    };
+    interface HTMLXplorExpansionPanelsElement extends Components.XplorExpansionPanels, HTMLStencilElement {
+    }
+    var HTMLXplorExpansionPanelsElement: {
+        prototype: HTMLXplorExpansionPanelsElement;
+        new (): HTMLXplorExpansionPanelsElement;
+    };
+    interface HTMLXplorFileUploadElementEventMap {
+        "xplorFileAdd": UploadedFile[];
+        "xplorFileRemove": UploadedFile;
+        "xplorError": string;
+    }
+    interface HTMLXplorFileUploadElement extends Components.XplorFileUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorFileUploadElementEventMap>(type: K, listener: (this: HTMLXplorFileUploadElement, ev: XplorFileUploadCustomEvent<HTMLXplorFileUploadElementEventMap[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 HTMLXplorFileUploadElementEventMap>(type: K, listener: (this: HTMLXplorFileUploadElement, ev: XplorFileUploadCustomEvent<HTMLXplorFileUploadElementEventMap[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 HTMLXplorFileUploadElement: {
+        prototype: HTMLXplorFileUploadElement;
+        new (): HTMLXplorFileUploadElement;
+    };
+    interface HTMLXplorInlineCheckboxElementEventMap {
+        "xplorChange": boolean;
+    }
+    interface HTMLXplorInlineCheckboxElement extends Components.XplorInlineCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInlineCheckboxElementEventMap>(type: K, listener: (this: HTMLXplorInlineCheckboxElement, ev: XplorInlineCheckboxCustomEvent<HTMLXplorInlineCheckboxElementEventMap[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 HTMLXplorInlineCheckboxElementEventMap>(type: K, listener: (this: HTMLXplorInlineCheckboxElement, ev: XplorInlineCheckboxCustomEvent<HTMLXplorInlineCheckboxElementEventMap[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 HTMLXplorInlineCheckboxElement: {
+        prototype: HTMLXplorInlineCheckboxElement;
+        new (): HTMLXplorInlineCheckboxElement;
+    };
+    interface HTMLXplorInlineDatePickerElementEventMap {
+        "dateSelected": string;
+        "monthChanged": { year: number; month: number };
+    }
+    interface HTMLXplorInlineDatePickerElement extends Components.XplorInlineDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInlineDatePickerElementEventMap>(type: K, listener: (this: HTMLXplorInlineDatePickerElement, ev: XplorInlineDatePickerCustomEvent<HTMLXplorInlineDatePickerElementEventMap[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 HTMLXplorInlineDatePickerElementEventMap>(type: K, listener: (this: HTMLXplorInlineDatePickerElement, ev: XplorInlineDatePickerCustomEvent<HTMLXplorInlineDatePickerElementEventMap[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 HTMLXplorInlineDatePickerElement: {
+        prototype: HTMLXplorInlineDatePickerElement;
+        new (): HTMLXplorInlineDatePickerElement;
+    };
+    interface HTMLXplorInlineSwitchElementEventMap {
+        "xplorChange": boolean;
+    }
+    interface HTMLXplorInlineSwitchElement extends Components.XplorInlineSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInlineSwitchElementEventMap>(type: K, listener: (this: HTMLXplorInlineSwitchElement, ev: XplorInlineSwitchCustomEvent<HTMLXplorInlineSwitchElementEventMap[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 HTMLXplorInlineSwitchElementEventMap>(type: K, listener: (this: HTMLXplorInlineSwitchElement, ev: XplorInlineSwitchCustomEvent<HTMLXplorInlineSwitchElementEventMap[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 HTMLXplorInlineSwitchElement: {
+        prototype: HTMLXplorInlineSwitchElement;
+        new (): HTMLXplorInlineSwitchElement;
+    };
+    interface HTMLXplorInputFileElementEventMap {
+        "attach": File[];
+        "xplorClear": void;
+    }
+    interface HTMLXplorInputFileElement extends Components.XplorInputFile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputFileElementEventMap>(type: K, listener: (this: HTMLXplorInputFileElement, ev: XplorInputFileCustomEvent<HTMLXplorInputFileElementEventMap[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 HTMLXplorInputFileElementEventMap>(type: K, listener: (this: HTMLXplorInputFileElement, ev: XplorInputFileCustomEvent<HTMLXplorInputFileElementEventMap[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 HTMLXplorInputFileElement: {
+        prototype: HTMLXplorInputFileElement;
+        new (): HTMLXplorInputFileElement;
+    };
+    interface HTMLXplorInputSearchElementEventMap {
+        "search": string;
+    }
+    interface HTMLXplorInputSearchElement extends Components.XplorInputSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputSearchElementEventMap>(type: K, listener: (this: HTMLXplorInputSearchElement, ev: XplorInputSearchCustomEvent<HTMLXplorInputSearchElementEventMap[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 HTMLXplorInputSearchElementEventMap>(type: K, listener: (this: HTMLXplorInputSearchElement, ev: XplorInputSearchCustomEvent<HTMLXplorInputSearchElementEventMap[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 HTMLXplorInputSearchElement: {
+        prototype: HTMLXplorInputSearchElement;
+        new (): HTMLXplorInputSearchElement;
+    };
+    interface HTMLXplorInputSelectElementEventMap {
+        "xplorChange": any;
+    }
+    interface HTMLXplorInputSelectElement extends Components.XplorInputSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputSelectElementEventMap>(type: K, listener: (this: HTMLXplorInputSelectElement, ev: XplorInputSelectCustomEvent<HTMLXplorInputSelectElementEventMap[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 HTMLXplorInputSelectElementEventMap>(type: K, listener: (this: HTMLXplorInputSelectElement, ev: XplorInputSelectCustomEvent<HTMLXplorInputSelectElementEventMap[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 HTMLXplorInputSelectElement: {
+        prototype: HTMLXplorInputSelectElement;
+        new (): HTMLXplorInputSelectElement;
+    };
+    interface HTMLXplorInputSendElementEventMap {
+        "xplorSend": string;
+        "xplorValueChange": string;
+    }
+    interface HTMLXplorInputSendElement extends Components.XplorInputSend, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputSendElementEventMap>(type: K, listener: (this: HTMLXplorInputSendElement, ev: XplorInputSendCustomEvent<HTMLXplorInputSendElementEventMap[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 HTMLXplorInputSendElementEventMap>(type: K, listener: (this: HTMLXplorInputSendElement, ev: XplorInputSendCustomEvent<HTMLXplorInputSendElementEventMap[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 HTMLXplorInputSendElement: {
+        prototype: HTMLXplorInputSendElement;
+        new (): HTMLXplorInputSendElement;
+    };
+    interface HTMLXplorInputTextElementEventMap {
+        "xplorInput": string;
+        "xplorChange": string;
+        "xplorFocus": FocusEvent;
+        "xplorBlur": FocusEvent;
+    }
+    interface HTMLXplorInputTextElement extends Components.XplorInputText, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputTextElementEventMap>(type: K, listener: (this: HTMLXplorInputTextElement, ev: XplorInputTextCustomEvent<HTMLXplorInputTextElementEventMap[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 HTMLXplorInputTextElementEventMap>(type: K, listener: (this: HTMLXplorInputTextElement, ev: XplorInputTextCustomEvent<HTMLXplorInputTextElementEventMap[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 HTMLXplorInputTextElement: {
+        prototype: HTMLXplorInputTextElement;
+        new (): HTMLXplorInputTextElement;
+    };
+    interface HTMLXplorInputTextAreaElementEventMap {
+        "xplorInput": string;
+        "xplorChange": string;
+        "xplorClear": void;
+    }
+    interface HTMLXplorInputTextAreaElement extends Components.XplorInputTextArea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputTextAreaElementEventMap>(type: K, listener: (this: HTMLXplorInputTextAreaElement, ev: XplorInputTextAreaCustomEvent<HTMLXplorInputTextAreaElementEventMap[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 HTMLXplorInputTextAreaElementEventMap>(type: K, listener: (this: HTMLXplorInputTextAreaElement, ev: XplorInputTextAreaCustomEvent<HTMLXplorInputTextAreaElementEventMap[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 HTMLXplorInputTextAreaElement: {
+        prototype: HTMLXplorInputTextAreaElement;
+        new (): HTMLXplorInputTextAreaElement;
+    };
+    interface HTMLXplorInputTextSecondaryElementEventMap {
+        "xplorInput": string;
+        "xplorChange": string;
+        "xplorFocus": FocusEvent;
+        "xplorBlur": FocusEvent;
+    }
+    interface HTMLXplorInputTextSecondaryElement extends Components.XplorInputTextSecondary, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputTextSecondaryElementEventMap>(type: K, listener: (this: HTMLXplorInputTextSecondaryElement, ev: XplorInputTextSecondaryCustomEvent<HTMLXplorInputTextSecondaryElementEventMap[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 HTMLXplorInputTextSecondaryElementEventMap>(type: K, listener: (this: HTMLXplorInputTextSecondaryElement, ev: XplorInputTextSecondaryCustomEvent<HTMLXplorInputTextSecondaryElementEventMap[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 HTMLXplorInputTextSecondaryElement: {
+        prototype: HTMLXplorInputTextSecondaryElement;
+        new (): HTMLXplorInputTextSecondaryElement;
+    };
+    interface HTMLXplorInputTitleElementEventMap {
+        "xplorInput": string;
+        "xplorChange": string;
+    }
+    interface HTMLXplorInputTitleElement extends Components.XplorInputTitle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorInputTitleElementEventMap>(type: K, listener: (this: HTMLXplorInputTitleElement, ev: XplorInputTitleCustomEvent<HTMLXplorInputTitleElementEventMap[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 HTMLXplorInputTitleElementEventMap>(type: K, listener: (this: HTMLXplorInputTitleElement, ev: XplorInputTitleCustomEvent<HTMLXplorInputTitleElementEventMap[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 HTMLXplorInputTitleElement: {
+        prototype: HTMLXplorInputTitleElement;
+        new (): HTMLXplorInputTitleElement;
+    };
+    interface HTMLXplorLinksElement extends Components.XplorLinks, HTMLStencilElement {
+    }
+    var HTMLXplorLinksElement: {
+        prototype: HTMLXplorLinksElement;
+        new (): HTMLXplorLinksElement;
+    };
+    interface HTMLXplorModalElementEventMap {
+        "xplorClose": void;
+    }
+    interface HTMLXplorModalElement extends Components.XplorModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorModalElementEventMap>(type: K, listener: (this: HTMLXplorModalElement, ev: XplorModalCustomEvent<HTMLXplorModalElementEventMap[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 HTMLXplorModalElementEventMap>(type: K, listener: (this: HTMLXplorModalElement, ev: XplorModalCustomEvent<HTMLXplorModalElementEventMap[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 HTMLXplorModalElement: {
+        prototype: HTMLXplorModalElement;
+        new (): HTMLXplorModalElement;
+    };
+    interface HTMLXplorModalPersistentElementEventMap {
+        "xplorClose": void;
+    }
+    interface HTMLXplorModalPersistentElement extends Components.XplorModalPersistent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorModalPersistentElementEventMap>(type: K, listener: (this: HTMLXplorModalPersistentElement, ev: XplorModalPersistentCustomEvent<HTMLXplorModalPersistentElementEventMap[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 HTMLXplorModalPersistentElementEventMap>(type: K, listener: (this: HTMLXplorModalPersistentElement, ev: XplorModalPersistentCustomEvent<HTMLXplorModalPersistentElementEventMap[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 HTMLXplorModalPersistentElement: {
+        prototype: HTMLXplorModalPersistentElement;
+        new (): HTMLXplorModalPersistentElement;
+    };
+    interface HTMLXplorNavTabsElementEventMap {
+        "xplorChange": string;
+    }
+    interface HTMLXplorNavTabsElement extends Components.XplorNavTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorNavTabsElementEventMap>(type: K, listener: (this: HTMLXplorNavTabsElement, ev: XplorNavTabsCustomEvent<HTMLXplorNavTabsElementEventMap[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 HTMLXplorNavTabsElementEventMap>(type: K, listener: (this: HTMLXplorNavTabsElement, ev: XplorNavTabsCustomEvent<HTMLXplorNavTabsElementEventMap[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 HTMLXplorNavTabsElement: {
+        prototype: HTMLXplorNavTabsElement;
+        new (): HTMLXplorNavTabsElement;
+    };
+    interface HTMLXplorSectionCardElement extends Components.XplorSectionCard, HTMLStencilElement {
+    }
+    var HTMLXplorSectionCardElement: {
+        prototype: HTMLXplorSectionCardElement;
+        new (): HTMLXplorSectionCardElement;
+    };
+    interface HTMLXplorSectionHeadingElement extends Components.XplorSectionHeading, HTMLStencilElement {
+    }
+    var HTMLXplorSectionHeadingElement: {
+        prototype: HTMLXplorSectionHeadingElement;
+        new (): HTMLXplorSectionHeadingElement;
+    };
+    interface HTMLXplorTableElementEventMap {
+        "tableSelect": any;
+    }
+    interface HTMLXplorTableElement extends Components.XplorTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorTableElementEventMap>(type: K, listener: (this: HTMLXplorTableElement, ev: XplorTableCustomEvent<HTMLXplorTableElementEventMap[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 HTMLXplorTableElementEventMap>(type: K, listener: (this: HTMLXplorTableElement, ev: XplorTableCustomEvent<HTMLXplorTableElementEventMap[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 HTMLXplorTableElement: {
+        prototype: HTMLXplorTableElement;
+        new (): HTMLXplorTableElement;
+    };
+    interface HTMLXplorTextBubbleElement extends Components.XplorTextBubble, HTMLStencilElement {
+    }
+    var HTMLXplorTextBubbleElement: {
+        prototype: HTMLXplorTextBubbleElement;
+        new (): HTMLXplorTextBubbleElement;
+    };
+    interface HTMLXplorTextFieldElementEventMap {
+        "valueChange": string;
+        "inputBlur": FocusEvent;
+        "inputFocus": FocusEvent;
+        "clearClick": void;
+    }
+    interface HTMLXplorTextFieldElement extends Components.XplorTextField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorTextFieldElementEventMap>(type: K, listener: (this: HTMLXplorTextFieldElement, ev: XplorTextFieldCustomEvent<HTMLXplorTextFieldElementEventMap[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 HTMLXplorTextFieldElementEventMap>(type: K, listener: (this: HTMLXplorTextFieldElement, ev: XplorTextFieldCustomEvent<HTMLXplorTextFieldElementEventMap[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 HTMLXplorTextFieldElement: {
+        prototype: HTMLXplorTextFieldElement;
+        new (): HTMLXplorTextFieldElement;
+    };
+    interface HTMLXplorTimePickerElementEventMap {
+        "timeChange": string;
+        "xplorFocus": FocusEvent;
+        "xplorBlur": FocusEvent;
+        "xplorClear": void;
+    }
+    interface HTMLXplorTimePickerElement extends Components.XplorTimePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorTimePickerElementEventMap>(type: K, listener: (this: HTMLXplorTimePickerElement, ev: XplorTimePickerCustomEvent<HTMLXplorTimePickerElementEventMap[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 HTMLXplorTimePickerElementEventMap>(type: K, listener: (this: HTMLXplorTimePickerElement, ev: XplorTimePickerCustomEvent<HTMLXplorTimePickerElementEventMap[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 HTMLXplorTimePickerElement: {
+        prototype: HTMLXplorTimePickerElement;
+        new (): HTMLXplorTimePickerElement;
+    };
+    interface HTMLXplorTooltipElement extends Components.XplorTooltip, HTMLStencilElement {
+    }
+    var HTMLXplorTooltipElement: {
+        prototype: HTMLXplorTooltipElement;
+        new (): HTMLXplorTooltipElement;
+    };
+    interface HTMLElementTagNameMap {
+        "xplor-alert-dialog": HTMLXplorAlertDialogElement;
+        "xplor-alert-message": HTMLXplorAlertMessageElement;
+        "xplor-assistant": HTMLXplorAssistantElement;
+        "xplor-autocomplete": HTMLXplorAutocompleteElement;
+        "xplor-avatar": HTMLXplorAvatarElement;
+        "xplor-avatar-and-name": HTMLXplorAvatarAndNameElement;
+        "xplor-badge": HTMLXplorBadgeElement;
+        "xplor-badge-active": HTMLXplorBadgeActiveElement;
+        "xplor-badge-archived": HTMLXplorBadgeArchivedElement;
+        "xplor-badge-deleted": HTMLXplorBadgeDeletedElement;
+        "xplor-badge-expired": HTMLXplorBadgeExpiredElement;
+        "xplor-badge-inactive": HTMLXplorBadgeInactiveElement;
+        "xplor-badge-recalled": HTMLXplorBadgeRecalledElement;
+        "xplor-badge-session-booking": HTMLXplorBadgeSessionBookingElement;
+        "xplor-badge-upcoming": HTMLXplorBadgeUpcomingElement;
+        "xplor-badge-waitlist": HTMLXplorBadgeWaitlistElement;
+        "xplor-btn-back": HTMLXplorBtnBackElement;
+        "xplor-btn-back-to-parent": HTMLXplorBtnBackToParentElement;
+        "xplor-btn-icon": HTMLXplorBtnIconElement;
+        "xplor-btn-menu": HTMLXplorBtnMenuElement;
+        "xplor-btn-toggle": HTMLXplorBtnToggleElement;
+        "xplor-btn-toggle-group": HTMLXplorBtnToggleGroupElement;
+        "xplor-btn-toggle-secondary": HTMLXplorBtnToggleSecondaryElement;
+        "xplor-btn-tooltip": HTMLXplorBtnTooltipElement;
+        "xplor-button": HTMLXplorButtonElement;
+        "xplor-chat-widget": HTMLXplorChatWidgetElement;
+        "xplor-checkbox": HTMLXplorCheckboxElement;
+        "xplor-combobox": HTMLXplorComboboxElement;
+        "xplor-datatable": HTMLXplorDatatableElement;
+        "xplor-date-picker": HTMLXplorDatePickerElement;
+        "xplor-drag-and-drop-input": HTMLXplorDragAndDropInputElement;
+        "xplor-dropdown": HTMLXplorDropdownElement;
+        "xplor-expansion-panel": HTMLXplorExpansionPanelElement;
+        "xplor-expansion-panels": HTMLXplorExpansionPanelsElement;
+        "xplor-file-upload": HTMLXplorFileUploadElement;
+        "xplor-inline-checkbox": HTMLXplorInlineCheckboxElement;
+        "xplor-inline-date-picker": HTMLXplorInlineDatePickerElement;
+        "xplor-inline-switch": HTMLXplorInlineSwitchElement;
+        "xplor-input-file": HTMLXplorInputFileElement;
+        "xplor-input-search": HTMLXplorInputSearchElement;
+        "xplor-input-select": HTMLXplorInputSelectElement;
+        "xplor-input-send": HTMLXplorInputSendElement;
+        "xplor-input-text": HTMLXplorInputTextElement;
+        "xplor-input-text-area": HTMLXplorInputTextAreaElement;
+        "xplor-input-text-secondary": HTMLXplorInputTextSecondaryElement;
+        "xplor-input-title": HTMLXplorInputTitleElement;
+        "xplor-links": HTMLXplorLinksElement;
+        "xplor-modal": HTMLXplorModalElement;
+        "xplor-modal-persistent": HTMLXplorModalPersistentElement;
+        "xplor-nav-tabs": HTMLXplorNavTabsElement;
+        "xplor-section-card": HTMLXplorSectionCardElement;
+        "xplor-section-heading": HTMLXplorSectionHeadingElement;
+        "xplor-table": HTMLXplorTableElement;
+        "xplor-text-bubble": HTMLXplorTextBubbleElement;
+        "xplor-text-field": HTMLXplorTextFieldElement;
+        "xplor-time-picker": HTMLXplorTimePickerElement;
+        "xplor-tooltip": HTMLXplorTooltipElement;
+    }
+}
+declare namespace LocalJSX {
+    interface XplorAlertDialog {
+        /**
+          * Close event
+         */
+        "onXplorClose"?: (event: XplorAlertDialogCustomEvent<void>) => void;
+        /**
+          * Dialog state change event
+         */
+        "onXplorDialogChange"?: (event: XplorAlertDialogCustomEvent<boolean>) => void;
+        /**
+          * Whether the dialog is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Persistent mode - prevents closing on backdrop click
+          * @default true
+         */
+        "persistent"?: boolean;
+        /**
+          * Dialog width (can be pixel value or percentage)
+          * @default '408px'
+         */
+        "width"?: string;
+    }
+    interface XplorAlertMessage {
+        "alertTitle"?: string;
+        /**
+          * @default false
+         */
+        "dismissible"?: boolean;
+        "onXplorDismiss"?: (event: XplorAlertMessageCustomEvent<void>) => void;
+        /**
+          * @default 'info'
+         */
+        "type"?: 'info' | 'warning' | 'success' | 'error';
+    }
+    interface XplorAssistant {
+        "apiEndpoint": string;
+        /**
+          * @default false
+         */
+        "autoSpeak"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default true
+         */
+        "enableTextToSpeech"?: boolean;
+        /**
+          * @default true
+         */
+        "enableVoiceInput"?: boolean;
+        /**
+          * @default '600px'
+         */
+        "maxHeight"?: string;
+        "onAssistantError"?: (event: XplorAssistantCustomEvent<AssistantErrorEvent>) => void;
+        "onAssistantMessageReceived"?: (event: XplorAssistantCustomEvent<AssistantMessageReceivedEvent>) => void;
+        "onAssistantMessageSent"?: (event: XplorAssistantCustomEvent<AssistantMessageSentEvent>) => void;
+        "onAssistantSessionCreated"?: (event: XplorAssistantCustomEvent<AssistantSessionEvent>) => void;
+        /**
+          * @default 'Type your message...'
+         */
+        "placeholder"?: string;
+        "quickReplies"?: string[];
+        "sessionId"?: string;
+        "userEmail": string;
+        "userId": string;
+        "userName": string;
+    }
+    interface XplorAutocomplete {
+        /**
+          * Clear button
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * Disable the autocomplete
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Key to extract display text from item objects
+          * @default 'label'
+         */
+        "itemText"?: string;
+        /**
+          * Key to extract value from item objects
+          * @default 'value'
+         */
+        "itemValue"?: string;
+        /**
+          * Array of items to display in the dropdown
+          * @default []
+         */
+        "items"?: AutocompleteItem[];
+        /**
+          * Label for the input
+         */
+        "label"?: string;
+        /**
+          * Max width of the dropdown menu
+          * @default '100%'
+         */
+        "menuMaxWidth"?: string;
+        /**
+          * Minimum characters to trigger search
+          * @default 0
+         */
+        "minSearchLength"?: number;
+        /**
+          * Allow multiple selection
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onXplorChange"?: (event: XplorAutocompleteCustomEvent<any>) => void;
+        "onXplorClear"?: (event: XplorAutocompleteCustomEvent<void>) => void;
+        "onXplorSearch"?: (event: XplorAutocompleteCustomEvent<string>) => void;
+        "onXplorSelect"?: (event: XplorAutocompleteCustomEvent<AutocompleteItem>) => void;
+        /**
+          * Placeholder text
+          * @default 'Search...'
+         */
+        "placeholder"?: string;
+        /**
+          * Make the autocomplete readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Custom render function for dropdown items
+         */
+        "renderItem"?: (item: AutocompleteItem) => any;
+        /**
+          * Custom render function for selected items (chips)
+         */
+        "renderSelection"?: (item: AutocompleteItem) => any;
+        /**
+          * Selected value
+          * @default null
+         */
+        "value"?: any;
+    }
+    interface XplorAvatar {
+        /**
+          * Background color when there is no image src
+         */
+        "color"?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL if the avatar should be hyperlinked
+         */
+        "href"?: string;
+        /**
+          * Alt text for the image if there is an image src
+         */
+        "name"?: string;
+        /**
+          * Size of the avatar
+         */
+        "size"?: 'md' | 'sm';
+        /**
+          * The image URL
+         */
+        "src"?: string;
+        /**
+          * Color styles for the dot indicator to indicate varied states
+         */
+        "status"?: 'active' | 'warning' | 'inactive';
+        /**
+          * Where to open the URL chosen for the `href` prop: `_self` (default), `_blank`, `_parent`, or `_top`
+         */
+        "target"?: string;
+    }
+    interface XplorAvatarAndName {
+        "color"?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
+        "name"?: string;
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        "src"?: string;
+        "status"?: 'active' | 'warning' | 'inactive';
+    }
+    interface XplorBadge {
+        /**
+          * Background color (can be CSS color or theme color name)
+          * @default '#e3f2fd'
+         */
+        "backgroundColor"?: string;
+        /**
+          * Text color - 'auto' will calculate contrasting color
+          * @default 'auto'
+         */
+        "color"?: string;
+        /**
+          * Whether to use datatable styling (slightly larger padding)
+          * @default false
+         */
+        "datatable"?: boolean;
+        /**
+          * Size variant
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Optional text content (can also use slot)
+          * @default ''
+         */
+        "text"?: string;
+        /**
+          * Luminance threshold for auto contrast calculation (0-255)
+          * @default 130
+         */
+        "threshold"?: number;
+        /**
+          * Visual variant
+          * @default 'flat'
+         */
+        "variant"?: 'flat' | 'outlined' | 'tonal';
+    }
+    interface XplorBadgeActive {
+    }
+    interface XplorBadgeArchived {
+    }
+    interface XplorBadgeDeleted {
+    }
+    interface XplorBadgeExpired {
+    }
+    interface XplorBadgeInactive {
+    }
+    interface XplorBadgeRecalled {
+    }
+    interface XplorBadgeSessionBooking {
+        /**
+          * Booking object
+         */
+        "booking": Booking;
+        /**
+          * Item object
+         */
+        "item": BookingItem;
+    }
+    interface XplorBadgeUpcoming {
+    }
+    interface XplorBadgeWaitlist {
+    }
+    interface XplorBtnBack {
+        /**
+          * Button color
+          * @default 'secondary'
+         */
+        "color"?: string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Gap between icon and text
+          * @default '0.625rem'
+         */
+        "gap"?: string;
+        /**
+          * Minimum height
+          * @default '3rem'
+         */
+        "minHeight"?: string;
+        /**
+          * Minimum width
+          * @default '6.375rem'
+         */
+        "minWidth"?: string;
+        /**
+          * Click event
+         */
+        "onXplorClick"?: (event: XplorBtnBackCustomEvent<MouseEvent>) => void;
+    }
+    interface XplorBtnBackToParent {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Text/icon color
+          * @default 'secondary'
+         */
+        "color"?: string;
+        /**
+          * Whether to use inline (relative) positioning instead of absolute
+          * @default false
+         */
+        "inline"?: boolean;
+        /**
+          * Back event (emitted on click)
+         */
+        "onBack"?: (event: XplorBtnBackToParentCustomEvent<void>) => void;
+        /**
+          * Button size
+          * @default '2.25rem'
+         */
+        "size"?: string;
+        /**
+          * Visual variant
+          * @default 'tonal'
+         */
+        "variant"?: 'text' | 'outlined' | 'elevated' | 'tonal';
+    }
+    interface XplorBtnIcon {
+        /**
+          * Button color variant
+          * @default 'secondary'
+         */
+        "color"?: 'primary' | 'secondary' | 'success' | string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Icon size
+          * @default '18'
+         */
+        "iconSize"?: string | number;
+        /**
+          * Click event
+         */
+        "onXplorClick"?: (event: XplorBtnIconCustomEvent<MouseEvent>) => void;
+        /**
+          * Button size (can be pixel value like '32' or '48')
+          * @default '32'
+         */
+        "size"?: string | number;
+        /**
+          * Visual variant
+          * @default 'elevated'
+         */
+        "variant"?: 'text' | 'outlined' | 'elevated' | 'tonal';
+    }
+    interface XplorBtnMenu {
+        /**
+          * Button color
+          * @default 'secondary'
+         */
+        "color"?: string;
+        /**
+          * Button density (compact, default, comfortable)
+          * @default 'default'
+         */
+        "density"?: string;
+        /**
+          * Disabled option keys
+          * @default []
+         */
+        "disabledKeys"?: string[];
+        /**
+          * Hidden option keys
+          * @default []
+         */
+        "hiddenKeys"?: string[];
+        /**
+          * Button label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Click event - emits the clicked option
+         */
+        "onXplorClick"?: (event: XplorBtnMenuCustomEvent<MenuOption>) => void;
+        /**
+          * Menu options
+          * @default []
+         */
+        "options"?: MenuOption[];
+    }
+    interface XplorBtnToggle {
+        /**
+          * Whether the button is active/selected
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Button color when active
+          * @default 'secondary'
+         */
+        "color"?: string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether to show outline when inactive
+          * @default false
+         */
+        "inactiveOutlined"?: boolean;
+        /**
+          * Toggle event
+         */
+        "onXplorToggle"?: (event: XplorBtnToggleCustomEvent<boolean>) => void;
+    }
+    interface XplorBtnToggleGroup {
+        /**
+          * Density variant
+          * @default 'default'
+         */
+        "density"?: 'compact' | 'default' | 'comfortable';
+        /**
+          * Whether multiple buttons can be active at once
+          * @default false
+         */
+        "multiple"?: boolean;
+    }
+    interface XplorBtnToggleSecondary {
+        /**
+          * Whether the button is active/selected
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether to show outline when inactive
+          * @default false
+         */
+        "inactiveOutlined"?: boolean;
+        /**
+          * Toggle event
+         */
+        "onXplorToggle"?: (event: XplorBtnToggleSecondaryCustomEvent<boolean>) => void;
+    }
+    interface XplorBtnTooltip {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "iconPosition"?: 'start' | 'end';
+        "mode"?: 'office' | 'pg';
+        "text"?: string;
+        /**
+          * @default 'top'
+         */
+        "tooltipPosition"?: 'top' | 'bottom' | 'left' | 'right';
+        "tooltipText"?: string;
+        /**
+          * @default 'primary'
+         */
+        "type"?: 'primary' | 'secondary' | 'ghost' | 'disabled';
+    }
+    interface XplorButton {
+        "clickAction"?: () => void;
+        /**
+          * Icon to display (defaults to plus sign)
+          * @default '+'
+         */
+        "icon"?: string;
+        /**
+          * Icon position: 'start' | 'end' | null
+         */
+        "iconPosition"?: 'start' | 'end' | null;
+        "iconSvg"?: string;
+        /**
+          * @default 'pg'
+         */
+        "mode"?: 'dark' | 'pg' | 'office';
+        "size"?: string;
+        "styles"?: string;
+        "text"?: string;
+        /**
+          * @default 'secondary'
+         */
+        "type"?: 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text';
+    }
+    interface XplorChatWidget {
+        "apiKey"?: string;
+        /**
+          * @default ['English', 'Spanish', 'French', 'German', 'Italian']
+         */
+        "languageOptions"?: string[];
+        /**
+          * @default 'text'
+         */
+        "textId"?: string;
+    }
+    interface XplorCheckbox {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "initialChecked"?: boolean;
+        /**
+          * @default false
+         */
+        "initialIndeterminate"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onCheckboxChange"?: (event: XplorCheckboxCustomEvent<{ checked: boolean; indeterminate: boolean }>) => void;
+    }
+    interface XplorCombobox {
+        /**
+          * Allow creating new items
+          * @default true
+         */
+        "allowCustom"?: boolean;
+        /**
+          * Clear button
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * Message to display when creating new item
+          * @default 'Create'
+         */
+        "createMessage"?: string;
+        /**
+          * Disable the combobox
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Array of items to display in the dropdown
+          * @default []
+         */
+        "items"?: ComboboxItem[];
+        /**
+          * Label for the input
+         */
+        "label"?: string;
+        /**
+          * Allow multiple selection
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onXplorChange"?: (event: XplorComboboxCustomEvent<any>) => void;
+        "onXplorClear"?: (event: XplorComboboxCustomEvent<void>) => void;
+        "onXplorCreate"?: (event: XplorComboboxCustomEvent<string>) => void;
+        "onXplorSearch"?: (event: XplorComboboxCustomEvent<string>) => void;
+        "onXplorSelect"?: (event: XplorComboboxCustomEvent<ComboboxItem>) => void;
+        /**
+          * Placeholder text
+          * @default 'Type to search or add...'
+         */
+        "placeholder"?: string;
+        /**
+          * Make the combobox readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Selected value(s)
+          * @default null
+         */
+        "value"?: any;
+    }
+    interface XplorDatatable {
+        /**
+          * Enable row selection with checkboxes
+          * @default false
+         */
+        "canSelect"?: boolean;
+        /**
+          * Array of column definitions for the table headers
+          * @default []
+         */
+        "headers"?: DatatableColumn[];
+        /**
+          * Fixed header height (e.g., "400px" or 400)
+         */
+        "height"?: string | number;
+        /**
+          * Enable horizontal lines between rows
+          * @default true
+         */
+        "horizontalLines"?: boolean;
+        /**
+          * Enable hover effect on rows
+          * @default true
+         */
+        "hover"?: boolean;
+        /**
+          * Array of data items to display in the table
+          * @default []
+         */
+        "items"?: any[];
+        /**
+          * Whether the table is in a loading state
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when pagination changes
+         */
+        "onPaginationChange"?: (event: XplorDatatableCustomEvent<DatatablePagination>) => void;
+        /**
+          * Emitted when a row is clicked
+         */
+        "onRowClick"?: (event: XplorDatatableCustomEvent<any>) => void;
+        /**
+          * Emitted when sorting changes
+         */
+        "onSortChange"?: (event: XplorDatatableCustomEvent<{ column: string; direction: 'asc' | 'desc' | null }>) => void;
+        /**
+          * Emitted when row selection changes
+         */
+        "onXplorSelectionChange"?: (event: XplorDatatableCustomEvent<any[]>) => void;
+        /**
+          * Pagination configuration object
+          * @default {         page: 1,         perpage: 10,         total: 0,     }
+         */
+        "pagination"?: DatatablePagination;
+        /**
+          * Per page options for pagination
+          * @default [10, 25, 50, 100]
+         */
+        "perPageOptions"?: number[];
+        /**
+          * Array of selected items (for multiselect)
+          * @default []
+         */
+        "selected"?: any[];
+        /**
+          * Show skeleton loader when loading
+          * @default true
+         */
+        "skeletonLoader"?: boolean;
+        /**
+          * Enable striped row styling
+          * @default false
+         */
+        "striped"?: boolean;
+    }
+    interface XplorDatePicker {
+        /**
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * @default true
+         */
+        "closeOnSelect"?: boolean;
+        /**
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Date display format: 'short' (DD/MM/YYYY), 'long' (1 Jan 2025), 'iso' (YYYY-MM-DD)
+          * @default 'short'
+         */
+        "dateFormat"?: 'short' | 'long' | 'iso';
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * 'input' shows text input, 'text' shows clickable text
+          * @default 'input'
+         */
+        "display"?: 'input' | 'text';
+        /**
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default ''
+         */
+        "max"?: string;
+        /**
+          * @default ''
+         */
+        "min"?: string;
+        /**
+          * For month type: select start or end of month
+          * @default 'start'
+         */
+        "monthType"?: 'start' | 'end';
+        "onDateChange"?: (event: XplorDatePickerCustomEvent<string>) => void;
+        "onXplorBlur"?: (event: XplorDatePickerCustomEvent<FocusEvent>) => void;
+        "onXplorClear"?: (event: XplorDatePickerCustomEvent<void>) => void;
+        "onXplorFocus"?: (event: XplorDatePickerCustomEvent<FocusEvent>) => void;
+        /**
+          * @default 'Select date'
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default true
+         */
+        "startWeekOnSunday"?: boolean;
+        /**
+          * 'date' or 'month'
+          * @default 'date'
+         */
+        "type"?: 'date' | 'month';
+        /**
+          * Selected date in YYYY-MM-DD format
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorDragAndDropInput {
+        /**
+          * Accepted file types (e.g., 'image/png,.pdf')
+          * @default DEFAULT_ACCEPT_ALL
+         */
+        "accepts"?: string;
+        /**
+          * Browse button label text
+          * @default 'Browse Files'
+         */
+        "browseLabel"?: string;
+        /**
+          * Disable the file upload
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Instruction text displayed in the drop zone
+          * @default 'Drag and drop your file here'
+         */
+        "label"?: string;
+        /**
+          * Emitted when the current file is cleared
+         */
+        "onFileClear"?: (event: XplorDragAndDropInputCustomEvent<void>) => void;
+        /**
+          * Emitted when a file is selected via drop or click
+         */
+        "onFileSelect"?: (event: XplorDragAndDropInputCustomEvent<File>) => void;
+    }
+    interface XplorDropdown {
+        "handleChange"?: (event: Event) => void;
+        "options"?: string[];
+        "selected"?: string;
+    }
+    interface XplorExpansionPanel {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "onXplorPanelToggle"?: (event: XplorExpansionPanelCustomEvent<{ id: string; isOpen: boolean }>) => void;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
+    }
+    interface XplorExpansionPanels {
+        /**
+          * @default true
+         */
+        "accordion"?: boolean;
+        /**
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * @default []
+         */
+        "value"?: string | string[];
+    }
+    interface XplorFileUpload {
+        /**
+          * Accepted file types (e.g., 'image/png', '.pdf', 'image/star'). Default accepts all types.
+          * @default DEFAULT_ACCEPT_ALL
+         */
+        "accepts"?: string;
+        /**
+          * Disable the file upload
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text for the upload button
+          * @default 'Upload Files'
+         */
+        "label"?: string;
+        /**
+          * Maximum file size in bytes
+          * @default 10 * 1024 * 1024
+         */
+        "maxSize"?: number;
+        /**
+          * Allow multiple file selection
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onXplorError"?: (event: XplorFileUploadCustomEvent<string>) => void;
+        "onXplorFileAdd"?: (event: XplorFileUploadCustomEvent<UploadedFile[]>) => void;
+        "onXplorFileRemove"?: (event: XplorFileUploadCustomEvent<UploadedFile>) => void;
+        /**
+          * Show image preview for uploaded images
+          * @default true
+         */
+        "showPreview"?: boolean;
+    }
+    interface XplorInlineCheckbox {
+        /**
+          * Checked state
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Checkbox color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether the checkbox is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the checkbox is indeterminate
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Label text
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInlineCheckboxCustomEvent<boolean>) => void;
+        /**
+          * Value (for use in forms)
+         */
+        "value"?: any;
+    }
+    interface XplorInlineDatePicker {
+        /**
+          * Primary color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Maximum selectable date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "max"?: string;
+        /**
+          * Minimum selectable date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "min"?: string;
+        /**
+          * Date selection event
+         */
+        "onDateSelected"?: (event: XplorInlineDatePickerCustomEvent<string>) => void;
+        /**
+          * Month change event
+         */
+        "onMonthChanged"?: (event: XplorInlineDatePickerCustomEvent<{ year: number; month: number }>) => void;
+        /**
+          * Whether the date picker is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Selected date (YYYY-MM-DD format)
+          * @default ''
+         */
+        "selectedDate"?: string;
+        /**
+          * Whether to start week on Sunday (default: true)
+          * @default true
+         */
+        "startWeekOnSunday"?: boolean;
+    }
+    interface XplorInlineSwitch {
+        /**
+          * Checked state
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Switch color (applies when checked)
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether the switch is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInlineSwitchCustomEvent<boolean>) => void;
+        /**
+          * Value (for use in forms)
+         */
+        "value"?: any;
+    }
+    interface XplorInputFile {
+        /**
+          * Accepted file types
+          * @default ''
+         */
+        "accept"?: string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether to show file counter
+          * @default true
+         */
+        "counter"?: boolean;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Input label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum number of chips to show
+          * @default 1
+         */
+        "maxChips"?: number;
+        /**
+          * Whether multiple files can be selected
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * Attach/change event
+         */
+        "onAttach"?: (event: XplorInputFileCustomEvent<File[]>) => void;
+        /**
+          * Clear event
+         */
+        "onXplorClear"?: (event: XplorInputFileCustomEvent<void>) => void;
+        /**
+          * Input placeholder
+          * @default 'Choose file(s)'
+         */
+        "placeholder"?: string;
+        /**
+          * Prepend inner icon (default: paperclip)
+          * @default '📎'
+         */
+        "prependInnerIcon"?: string;
+        /**
+          * Whether to show file size
+          * @default 1000
+         */
+        "showSize"?: number;
+    }
+    interface XplorInputSearch {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Button/focus color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Density (compact, default, comfortable)
+          * @default 'default'
+         */
+        "density"?: 'compact' | 'default' | 'comfortable';
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Search event (triggered on button click or Enter key)
+         */
+        "onSearch"?: (event: XplorInputSearchCustomEvent<string>) => void;
+        /**
+          * Input placeholder
+          * @default 'Search...'
+         */
+        "placeholder"?: string;
+        /**
+          * Search value
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorInputSelect {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether the select is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Whether multiple selection is allowed
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInputSelectCustomEvent<any>) => void;
+        /**
+          * Options array
+          * @default []
+         */
+        "options"?: SelectOption[];
+        /**
+          * Input placeholder
+          * @default 'Select...'
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the select is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Selected value(s)
+          * @default null
+         */
+        "value"?: any | any[];
+    }
+    interface XplorInputSend {
+        /**
+          * @default 'Send'
+         */
+        "buttonText"?: string;
+        /**
+          * @default 'primary'
+         */
+        "buttonType"?: 'primary' | 'secondary' | 'ghost';
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "maxLength"?: number;
+        "onXplorSend"?: (event: XplorInputSendCustomEvent<string>) => void;
+        "onXplorValueChange"?: (event: XplorInputSendCustomEvent<string>) => void;
+        /**
+          * @default 'Type a message...'
+         */
+        "placeholder"?: string;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorInputText {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Blur event
+         */
+        "onXplorBlur"?: (event: XplorInputTextCustomEvent<FocusEvent>) => void;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInputTextCustomEvent<string>) => void;
+        /**
+          * Focus event
+         */
+        "onXplorFocus"?: (event: XplorInputTextCustomEvent<FocusEvent>) => void;
+        /**
+          * Input event
+         */
+        "onXplorInput"?: (event: XplorInputTextCustomEvent<string>) => void;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Input type (text, email, password, number, etc.)
+          * @default 'text'
+         */
+        "type"?: string;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorInputTextArea {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Whether to show clear button
+          * @default true
+         */
+        "clearable"?: boolean;
+        /**
+          * Border/focus color
+          * @default '#008480'
+         */
+        "color"?: string;
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * Helper text
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * Whether to hide validation details
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * Input label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInputTextAreaCustomEvent<string>) => void;
+        /**
+          * Clear event
+         */
+        "onXplorClear"?: (event: XplorInputTextAreaCustomEvent<void>) => void;
+        /**
+          * Input event
+         */
+        "onXplorInput"?: (event: XplorInputTextAreaCustomEvent<string>) => void;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether the input is required
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Number of rows
+          * @default 3
+         */
+        "rows"?: number;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorInputTextSecondary {
+        /**
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * @default false
+         */
+        "isDirty"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onXplorBlur"?: (event: XplorInputTextSecondaryCustomEvent<FocusEvent>) => void;
+        "onXplorChange"?: (event: XplorInputTextSecondaryCustomEvent<string>) => void;
+        "onXplorFocus"?: (event: XplorInputTextSecondaryCustomEvent<FocusEvent>) => void;
+        "onXplorInput"?: (event: XplorInputTextSecondaryCustomEvent<string>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default 'text'
+         */
+        "type"?: string;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorInputTitle {
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Change event
+         */
+        "onXplorChange"?: (event: XplorInputTitleCustomEvent<string>) => void;
+        /**
+          * Input event
+         */
+        "onXplorInput"?: (event: XplorInputTitleCustomEvent<string>) => void;
+        /**
+          * Input placeholder
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the input is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Input value
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorLinks {
+        "brand"?: string;
+    }
+    interface XplorModal {
+        /**
+          * Loading state
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Maximum height
+          * @default '90%'
+         */
+        "maxHeight"?: string;
+        /**
+          * Maximum width
+          * @default '90%'
+         */
+        "maxWidth"?: string;
+        /**
+          * Close event
+         */
+        "onXplorClose"?: (event: XplorModalCustomEvent<void>) => void;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Persistent mode - prevents closing on backdrop click
+          * @default false
+         */
+        "persistent"?: boolean;
+        /**
+          * Whether the modal content is scrollable
+          * @default true
+         */
+        "scrollable"?: boolean;
+        /**
+          * Whether to show the title area (for spacing)
+          * @default true
+         */
+        "showTitle"?: boolean;
+        /**
+          * Modal width
+          * @default '600px'
+         */
+        "width"?: string;
+    }
+    interface XplorModalPersistent {
+        /**
+          * Loading state
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Maximum height
+          * @default '90%'
+         */
+        "maxHeight"?: string;
+        /**
+          * Maximum width
+          * @default '90%'
+         */
+        "maxWidth"?: string;
+        /**
+          * Close event
+         */
+        "onXplorClose"?: (event: XplorModalPersistentCustomEvent<void>) => void;
+        /**
+          * Whether the modal is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Modal width
+          * @default '600px'
+         */
+        "width"?: string;
+    }
+    interface XplorNavTabs {
+        /**
+          * @default 'primary'
+         */
+        "color"?: 'primary' | 'secondary';
+        /**
+          * @default false
+         */
+        "grow"?: boolean;
+        /**
+          * @default []
+         */
+        "items"?: NavTabItem[];
+        "onXplorChange"?: (event: XplorNavTabsCustomEvent<string>) => void;
+        "value"?: string;
+    }
+    interface XplorSectionCard {
+        /**
+          * @default true
+         */
+        "outlined"?: boolean;
+        /**
+          * @default '1.5rem'
+         */
+        "padding"?: string;
+        /**
+          * @default true
+         */
+        "rounded"?: boolean;
+    }
+    interface XplorSectionHeading {
+        /**
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        "text"?: string;
+    }
+    interface XplorTable {
+        /**
+          * The header values for each column.
+         */
+        "columns"?: string[];
+        /**
+          * The data for the body of the table.
+         */
+        "data"?: string[][];
+        /**
+          * When true, the first column of the table is sticky and will cover the leftmost rows in a horizontally scrollable container.
+         */
+        "freeze"?: boolean;
+        /**
+          * Toggles to show the sort button on each table head
+          * @default true
+         */
+        "isSortable"?: boolean;
+        /**
+          * Toggles a selectable checkbox for each row in the table
+         */
+        "multiselect"?: boolean;
+        "onTableSelect"?: (event: XplorTableCustomEvent<any>) => void;
+        /**
+          * The values for the input for each row when multiselect is activated.
+          * @default []
+         */
+        "selectedValues"?: string[];
+        /**
+          * Manually determined if the column is sortable
+          * @default []
+         */
+        "sortableColumns"?: boolean[];
+        /**
+          * Toggles an optional styling of the background of each even row of the table body.
+         */
+        "striped"?: boolean;
+    }
+    interface XplorTextBubble {
+        /**
+          * @default 'orange'
+         */
+        "color"?: 'green' | 'orange';
+    }
+    interface XplorTextField {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * Whether the field should be clearable
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * Color variant (primary, secondary, success, error, warning, info)
+          * @default 'secondary'
+         */
+        "color"?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+        /**
+          * Custom CSS classes to apply
+          * @default ''
+         */
+        "customClass"?: string;
+        /**
+          * Whether the field is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Error messages to display
+          * @default []
+         */
+        "errorMessages"?: string[];
+        /**
+          * When to show details: true (always), false (never), 'auto' (only when error)
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * Whether the field has been modified (dirty state)
+          * @default false
+         */
+        "isDirty"?: boolean;
+        /**
+          * The label text for the input
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum value (for number type)
+         */
+        "max"?: number;
+        /**
+          * Maximum length of input
+         */
+        "maxlength"?: number;
+        /**
+          * Minimum value (for number type)
+         */
+        "min"?: number;
+        /**
+          * Emitted when clear button is clicked
+         */
+        "onClearClick"?: (event: XplorTextFieldCustomEvent<void>) => void;
+        /**
+          * Emitted when input loses focus
+         */
+        "onInputBlur"?: (event: XplorTextFieldCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when input gains focus
+         */
+        "onInputFocus"?: (event: XplorTextFieldCustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when value changes
+         */
+        "onValueChange"?: (event: XplorTextFieldCustomEvent<string>) => void;
+        /**
+          * Placeholder text when input is empty
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the field is readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether the field is required
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Input type (text, email, password, number, etc.)
+          * @default 'text'
+         */
+        "type"?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+        /**
+          * The current value of the text field
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * Visual variant style
+          * @default 'outlined'
+         */
+        "variant"?: 'outlined' | 'filled' | 'underlined';
+    }
+    interface XplorTimePicker {
+        /**
+          * @default 'white'
+         */
+        "bgColor"?: string;
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * @default 'auto'
+         */
+        "hideDetails"?: boolean | 'auto';
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onTimeChange"?: (event: XplorTimePickerCustomEvent<string>) => void;
+        "onXplorBlur"?: (event: XplorTimePickerCustomEvent<FocusEvent>) => void;
+        "onXplorClear"?: (event: XplorTimePickerCustomEvent<void>) => void;
+        "onXplorFocus"?: (event: XplorTimePickerCustomEvent<FocusEvent>) => void;
+        /**
+          * @default 'Select time'
+         */
+        "placeholder"?: string;
+        /**
+          * Auto-fill current time on focus if value is empty
+          * @default false
+         */
+        "prefill"?: boolean;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default false
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Time value in HH:mm:ss 24-hour format
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface XplorTooltip {
+        /**
+          * @default true
+         */
+        "arrow"?: boolean;
+        "content"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * @default 'top'
+         */
+        "position"?: TooltipPosition;
+        /**
+          * @default 'hover'
+         */
+        "trigger"?: TooltipTrigger;
+    }
+    interface IntrinsicElements {
+        "xplor-alert-dialog": XplorAlertDialog;
+        "xplor-alert-message": XplorAlertMessage;
+        "xplor-assistant": XplorAssistant;
+        "xplor-autocomplete": XplorAutocomplete;
+        "xplor-avatar": XplorAvatar;
+        "xplor-avatar-and-name": XplorAvatarAndName;
+        "xplor-badge": XplorBadge;
+        "xplor-badge-active": XplorBadgeActive;
+        "xplor-badge-archived": XplorBadgeArchived;
+        "xplor-badge-deleted": XplorBadgeDeleted;
+        "xplor-badge-expired": XplorBadgeExpired;
+        "xplor-badge-inactive": XplorBadgeInactive;
+        "xplor-badge-recalled": XplorBadgeRecalled;
+        "xplor-badge-session-booking": XplorBadgeSessionBooking;
+        "xplor-badge-upcoming": XplorBadgeUpcoming;
+        "xplor-badge-waitlist": XplorBadgeWaitlist;
+        "xplor-btn-back": XplorBtnBack;
+        "xplor-btn-back-to-parent": XplorBtnBackToParent;
+        "xplor-btn-icon": XplorBtnIcon;
+        "xplor-btn-menu": XplorBtnMenu;
+        "xplor-btn-toggle": XplorBtnToggle;
+        "xplor-btn-toggle-group": XplorBtnToggleGroup;
+        "xplor-btn-toggle-secondary": XplorBtnToggleSecondary;
+        "xplor-btn-tooltip": XplorBtnTooltip;
+        "xplor-button": XplorButton;
+        "xplor-chat-widget": XplorChatWidget;
+        "xplor-checkbox": XplorCheckbox;
+        "xplor-combobox": XplorCombobox;
+        "xplor-datatable": XplorDatatable;
+        "xplor-date-picker": XplorDatePicker;
+        "xplor-drag-and-drop-input": XplorDragAndDropInput;
+        "xplor-dropdown": XplorDropdown;
+        "xplor-expansion-panel": XplorExpansionPanel;
+        "xplor-expansion-panels": XplorExpansionPanels;
+        "xplor-file-upload": XplorFileUpload;
+        "xplor-inline-checkbox": XplorInlineCheckbox;
+        "xplor-inline-date-picker": XplorInlineDatePicker;
+        "xplor-inline-switch": XplorInlineSwitch;
+        "xplor-input-file": XplorInputFile;
+        "xplor-input-search": XplorInputSearch;
+        "xplor-input-select": XplorInputSelect;
+        "xplor-input-send": XplorInputSend;
+        "xplor-input-text": XplorInputText;
+        "xplor-input-text-area": XplorInputTextArea;
+        "xplor-input-text-secondary": XplorInputTextSecondary;
+        "xplor-input-title": XplorInputTitle;
+        "xplor-links": XplorLinks;
+        "xplor-modal": XplorModal;
+        "xplor-modal-persistent": XplorModalPersistent;
+        "xplor-nav-tabs": XplorNavTabs;
+        "xplor-section-card": XplorSectionCard;
+        "xplor-section-heading": XplorSectionHeading;
+        "xplor-table": XplorTable;
+        "xplor-text-bubble": XplorTextBubble;
+        "xplor-text-field": XplorTextField;
+        "xplor-time-picker": XplorTimePicker;
+        "xplor-tooltip": XplorTooltip;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "xplor-alert-dialog": LocalJSX.XplorAlertDialog & JSXBase.HTMLAttributes<HTMLXplorAlertDialogElement>;
+            "xplor-alert-message": LocalJSX.XplorAlertMessage & JSXBase.HTMLAttributes<HTMLXplorAlertMessageElement>;
+            "xplor-assistant": LocalJSX.XplorAssistant & JSXBase.HTMLAttributes<HTMLXplorAssistantElement>;
+            "xplor-autocomplete": LocalJSX.XplorAutocomplete & JSXBase.HTMLAttributes<HTMLXplorAutocompleteElement>;
+            "xplor-avatar": LocalJSX.XplorAvatar & JSXBase.HTMLAttributes<HTMLXplorAvatarElement>;
+            "xplor-avatar-and-name": LocalJSX.XplorAvatarAndName & JSXBase.HTMLAttributes<HTMLXplorAvatarAndNameElement>;
+            "xplor-badge": LocalJSX.XplorBadge & JSXBase.HTMLAttributes<HTMLXplorBadgeElement>;
+            "xplor-badge-active": LocalJSX.XplorBadgeActive & JSXBase.HTMLAttributes<HTMLXplorBadgeActiveElement>;
+            "xplor-badge-archived": LocalJSX.XplorBadgeArchived & JSXBase.HTMLAttributes<HTMLXplorBadgeArchivedElement>;
+            "xplor-badge-deleted": LocalJSX.XplorBadgeDeleted & JSXBase.HTMLAttributes<HTMLXplorBadgeDeletedElement>;
+            "xplor-badge-expired": LocalJSX.XplorBadgeExpired & JSXBase.HTMLAttributes<HTMLXplorBadgeExpiredElement>;
+            "xplor-badge-inactive": LocalJSX.XplorBadgeInactive & JSXBase.HTMLAttributes<HTMLXplorBadgeInactiveElement>;
+            "xplor-badge-recalled": LocalJSX.XplorBadgeRecalled & JSXBase.HTMLAttributes<HTMLXplorBadgeRecalledElement>;
+            "xplor-badge-session-booking": LocalJSX.XplorBadgeSessionBooking & JSXBase.HTMLAttributes<HTMLXplorBadgeSessionBookingElement>;
+            "xplor-badge-upcoming": LocalJSX.XplorBadgeUpcoming & JSXBase.HTMLAttributes<HTMLXplorBadgeUpcomingElement>;
+            "xplor-badge-waitlist": LocalJSX.XplorBadgeWaitlist & JSXBase.HTMLAttributes<HTMLXplorBadgeWaitlistElement>;
+            "xplor-btn-back": LocalJSX.XplorBtnBack & JSXBase.HTMLAttributes<HTMLXplorBtnBackElement>;
+            "xplor-btn-back-to-parent": LocalJSX.XplorBtnBackToParent & JSXBase.HTMLAttributes<HTMLXplorBtnBackToParentElement>;
+            "xplor-btn-icon": LocalJSX.XplorBtnIcon & JSXBase.HTMLAttributes<HTMLXplorBtnIconElement>;
+            "xplor-btn-menu": LocalJSX.XplorBtnMenu & JSXBase.HTMLAttributes<HTMLXplorBtnMenuElement>;
+            "xplor-btn-toggle": LocalJSX.XplorBtnToggle & JSXBase.HTMLAttributes<HTMLXplorBtnToggleElement>;
+            "xplor-btn-toggle-group": LocalJSX.XplorBtnToggleGroup & JSXBase.HTMLAttributes<HTMLXplorBtnToggleGroupElement>;
+            "xplor-btn-toggle-secondary": LocalJSX.XplorBtnToggleSecondary & JSXBase.HTMLAttributes<HTMLXplorBtnToggleSecondaryElement>;
+            "xplor-btn-tooltip": LocalJSX.XplorBtnTooltip & JSXBase.HTMLAttributes<HTMLXplorBtnTooltipElement>;
+            "xplor-button": LocalJSX.XplorButton & JSXBase.HTMLAttributes<HTMLXplorButtonElement>;
+            "xplor-chat-widget": LocalJSX.XplorChatWidget & JSXBase.HTMLAttributes<HTMLXplorChatWidgetElement>;
+            "xplor-checkbox": LocalJSX.XplorCheckbox & JSXBase.HTMLAttributes<HTMLXplorCheckboxElement>;
+            "xplor-combobox": LocalJSX.XplorCombobox & JSXBase.HTMLAttributes<HTMLXplorComboboxElement>;
+            "xplor-datatable": LocalJSX.XplorDatatable & JSXBase.HTMLAttributes<HTMLXplorDatatableElement>;
+            "xplor-date-picker": LocalJSX.XplorDatePicker & JSXBase.HTMLAttributes<HTMLXplorDatePickerElement>;
+            "xplor-drag-and-drop-input": LocalJSX.XplorDragAndDropInput & JSXBase.HTMLAttributes<HTMLXplorDragAndDropInputElement>;
+            "xplor-dropdown": LocalJSX.XplorDropdown & JSXBase.HTMLAttributes<HTMLXplorDropdownElement>;
+            "xplor-expansion-panel": LocalJSX.XplorExpansionPanel & JSXBase.HTMLAttributes<HTMLXplorExpansionPanelElement>;
+            "xplor-expansion-panels": LocalJSX.XplorExpansionPanels & JSXBase.HTMLAttributes<HTMLXplorExpansionPanelsElement>;
+            "xplor-file-upload": LocalJSX.XplorFileUpload & JSXBase.HTMLAttributes<HTMLXplorFileUploadElement>;
+            "xplor-inline-checkbox": LocalJSX.XplorInlineCheckbox & JSXBase.HTMLAttributes<HTMLXplorInlineCheckboxElement>;
+            "xplor-inline-date-picker": LocalJSX.XplorInlineDatePicker & JSXBase.HTMLAttributes<HTMLXplorInlineDatePickerElement>;
+            "xplor-inline-switch": LocalJSX.XplorInlineSwitch & JSXBase.HTMLAttributes<HTMLXplorInlineSwitchElement>;
+            "xplor-input-file": LocalJSX.XplorInputFile & JSXBase.HTMLAttributes<HTMLXplorInputFileElement>;
+            "xplor-input-search": LocalJSX.XplorInputSearch & JSXBase.HTMLAttributes<HTMLXplorInputSearchElement>;
+            "xplor-input-select": LocalJSX.XplorInputSelect & JSXBase.HTMLAttributes<HTMLXplorInputSelectElement>;
+            "xplor-input-send": LocalJSX.XplorInputSend & JSXBase.HTMLAttributes<HTMLXplorInputSendElement>;
+            "xplor-input-text": LocalJSX.XplorInputText & JSXBase.HTMLAttributes<HTMLXplorInputTextElement>;
+            "xplor-input-text-area": LocalJSX.XplorInputTextArea & JSXBase.HTMLAttributes<HTMLXplorInputTextAreaElement>;
+            "xplor-input-text-secondary": LocalJSX.XplorInputTextSecondary & JSXBase.HTMLAttributes<HTMLXplorInputTextSecondaryElement>;
+            "xplor-input-title": LocalJSX.XplorInputTitle & JSXBase.HTMLAttributes<HTMLXplorInputTitleElement>;
+            "xplor-links": LocalJSX.XplorLinks & JSXBase.HTMLAttributes<HTMLXplorLinksElement>;
+            "xplor-modal": LocalJSX.XplorModal & JSXBase.HTMLAttributes<HTMLXplorModalElement>;
+            "xplor-modal-persistent": LocalJSX.XplorModalPersistent & JSXBase.HTMLAttributes<HTMLXplorModalPersistentElement>;
+            "xplor-nav-tabs": LocalJSX.XplorNavTabs & JSXBase.HTMLAttributes<HTMLXplorNavTabsElement>;
+            "xplor-section-card": LocalJSX.XplorSectionCard & JSXBase.HTMLAttributes<HTMLXplorSectionCardElement>;
+            "xplor-section-heading": LocalJSX.XplorSectionHeading & JSXBase.HTMLAttributes<HTMLXplorSectionHeadingElement>;
+            "xplor-table": LocalJSX.XplorTable & JSXBase.HTMLAttributes<HTMLXplorTableElement>;
+            "xplor-text-bubble": LocalJSX.XplorTextBubble & JSXBase.HTMLAttributes<HTMLXplorTextBubbleElement>;
+            "xplor-text-field": LocalJSX.XplorTextField & JSXBase.HTMLAttributes<HTMLXplorTextFieldElement>;
+            "xplor-time-picker": LocalJSX.XplorTimePicker & JSXBase.HTMLAttributes<HTMLXplorTimePickerElement>;
+            "xplor-tooltip": LocalJSX.XplorTooltip & JSXBase.HTMLAttributes<HTMLXplorTooltipElement>;
+        }
+    }
+}