@tessera-ui/core 0.4.0

package/dist/types/components.d.ts

@@ -0,0 +1,4191 @@
+/* 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 { TsAppearance, TsChangeEventDetail, TsCheckboxChangeEventDetail, TsPlacement, TsSelectChangeEventDetail, TsSize, TsToggleEventDetail, TsValidationEventDetail, TsVariant } from "./types";
+import { TsMenuPlacement, TsMenuTrigger } from "./components/menu/menu";
+export { TsAppearance, TsChangeEventDetail, TsCheckboxChangeEventDetail, TsPlacement, TsSelectChangeEventDetail, TsSize, TsToggleEventDetail, TsValidationEventDetail, TsVariant } from "./types";
+export { TsMenuPlacement, TsMenuTrigger } from "./components/menu/menu";
+export namespace Components {
+    interface TsAccordion {
+        /**
+          * Allow multiple items to be open simultaneously.
+          * @default false
+         */
+        "multiple": boolean;
+    }
+    interface TsAccordionItem {
+        /**
+          * Disables toggling.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Header text for the item.
+         */
+        "heading"?: string;
+        /**
+          * Whether the item is expanded.
+          * @default false
+         */
+        "open": boolean;
+    }
+    interface TsAlert {
+        /**
+          * Whether the alert can be dismissed.
+          * @default false
+         */
+        "closable": boolean;
+        /**
+          * Programmatically close the alert.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Programmatically show the alert.
+         */
+        "show": () => Promise<void>;
+        /**
+          * The alert's semantic variant.
+          * @default 'info'
+         */
+        "variant": TsVariant;
+    }
+    interface TsAvatar {
+        /**
+          * Alt text for the avatar image.
+         */
+        "alt"?: string;
+        /**
+          * Background color for the initials fallback.
+         */
+        "color"?: string;
+        /**
+          * Name used to generate initials fallback.
+         */
+        "name"?: string;
+        /**
+          * The size of the avatar.
+          * @default 'md'
+         */
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Image URL for the avatar.
+         */
+        "src"?: string;
+        /**
+          * Shape variant of the avatar.
+          * @default 'circle'
+         */
+        "variant": 'circle' | 'square';
+    }
+    interface TsBadge {
+        /**
+          * Renders the badge as a small dot indicator (content is hidden).
+          * @default false
+         */
+        "dot": boolean;
+        /**
+          * Renders an outlined style instead of solid.
+          * @default false
+         */
+        "outline": boolean;
+        /**
+          * Renders the badge with rounded-pill shape.
+          * @default false
+         */
+        "pill": boolean;
+        /**
+          * The badge's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The badge's color variant.
+          * @default 'primary'
+         */
+        "variant": TsVariant;
+    }
+    interface TsBanner {
+        /**
+          * Programmatically close the banner.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether the banner can be dismissed.
+          * @default false
+         */
+        "dismissible": boolean;
+        /**
+          * Optional Lucide icon name.
+         */
+        "icon"?: string;
+        /**
+          * Programmatically show the banner.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Whether the banner sticks to the top of the viewport.
+          * @default false
+         */
+        "sticky": boolean;
+        /**
+          * The banner's semantic variant.
+          * @default 'info'
+         */
+        "variant": TsVariant;
+    }
+    interface TsBreadcrumb {
+        /**
+          * The separator character between breadcrumb items.
+          * @default '/'
+         */
+        "separator": string;
+    }
+    interface TsBreadcrumbItem {
+        /**
+          * Marks this item as the current page.
+          * @default false
+         */
+        "current": boolean;
+        /**
+          * If set, renders as a link.
+         */
+        "href"?: string;
+        /**
+          * Separator character (set by parent ts-breadcrumb).
+         */
+        "separator"?: string;
+    }
+    interface TsButton {
+        /**
+          * The button's visual weight / appearance.
+          * @default 'solid'
+         */
+        "appearance": TsAppearance;
+        /**
+          * Makes the button take the full width of its container.
+          * @default false
+         */
+        "block": boolean;
+        /**
+          * Renders the button in a disabled state.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * An optional href — renders an anchor instead of a button.
+         */
+        "href"?: string;
+        /**
+          * Renders a loading spinner and disables the button.
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * The button's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * Target attribute when href is set.
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * The type attribute for the native button.
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The button's visual variant.
+          * @default 'primary'
+         */
+        "variant": TsVariant;
+    }
+    interface TsCard {
+        /**
+          * Border style variant.
+          * @default false
+         */
+        "bordered": boolean;
+        /**
+          * Elevation level controlling the shadow depth.
+          * @default 'sm'
+         */
+        "elevation": 'none' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Makes the card interactive (hover effect, cursor pointer).
+          * @default false
+         */
+        "interactive": boolean;
+        /**
+          * Padding size for the card body.
+          * @default 'md'
+         */
+        "padding": 'none' | 'sm' | 'md' | 'lg';
+    }
+    interface TsCheckbox {
+        /**
+          * Whether the checkbox is checked.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Renders the checkbox as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Renders the checkbox in an error state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Whether the checkbox is in an indeterminate state.
+          * @default false
+         */
+        "indeterminate": boolean;
+        /**
+          * Label text. If omitted, use the default slot.
+         */
+        "label"?: string;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * The checkbox size.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * Programmatically toggle the checkbox.
+         */
+        "toggle": () => Promise<void>;
+        /**
+          * The value associated with this checkbox.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsChip {
+        /**
+          * Whether the chip is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether to render as outline style.
+          * @default false
+         */
+        "outline": boolean;
+        /**
+          * Whether the chip shows a remove button.
+          * @default false
+         */
+        "removable": boolean;
+        /**
+          * Whether the chip is selected.
+          * @default false
+         */
+        "selected": boolean;
+        /**
+          * The chip's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The chip's semantic variant.
+          * @default 'neutral'
+         */
+        "variant": TsVariant;
+    }
+    interface TsContainer {
+        /**
+          * Whether to apply horizontal padding.
+          * @default true
+         */
+        "padding": boolean;
+        /**
+          * The maximum width of the container.
+          * @default 'lg'
+         */
+        "size": 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    }
+    interface TsDatePicker {
+        /**
+          * Whether the date picker is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether the input is in an error state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error message to display.
+         */
+        "errorMessage"?: string;
+        /**
+          * Label text for the input.
+         */
+        "label"?: string;
+        /**
+          * Maximum selectable date in ISO format.
+         */
+        "max"?: string;
+        /**
+          * Minimum selectable date in ISO format.
+         */
+        "min"?: string;
+        /**
+          * Form field name.
+         */
+        "name"?: string;
+        /**
+          * Placeholder text for the input.
+          * @default 'Select date'
+         */
+        "placeholder": string;
+        /**
+          * The input size.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * The selected date value in ISO format (YYYY-MM-DD).
+         */
+        "value"?: string;
+    }
+    interface TsDialog {
+        /**
+          * Programmatically close the dialog.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether the dialog can be dismissed via close button, Escape, or overlay click.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * The dialog heading text.
+         */
+        "heading"?: string;
+        /**
+          * Whether the dialog is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Programmatically open the dialog.
+         */
+        "show": () => Promise<void>;
+        /**
+          * The dialog's width size preset.
+          * @default 'sm'
+         */
+        "size": 'sm' | 'md' | 'lg';
+    }
+    interface TsDivider {
+        /**
+          * Optional label text displayed in the center of the divider.
+         */
+        "label"?: string;
+        /**
+          * The divider orientation.
+          * @default 'horizontal'
+         */
+        "orientation": 'horizontal' | 'vertical';
+        /**
+          * The line style variant.
+          * @default 'solid'
+         */
+        "variant": 'solid' | 'dashed' | 'dotted';
+    }
+    interface TsDrawer {
+        /**
+          * Programmatically close the drawer.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether clicking the overlay or pressing Escape closes the drawer.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * Accessible heading for the drawer.
+         */
+        "heading"?: string;
+        /**
+          * Whether the drawer is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Which edge the drawer slides in from.
+          * @default 'end'
+         */
+        "placement": 'start' | 'end' | 'top' | 'bottom';
+        /**
+          * Programmatically open the drawer.
+         */
+        "show": () => Promise<void>;
+        /**
+          * The drawer's width/height preset.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg' | 'full';
+    }
+    interface TsEmptyState {
+        /**
+          * The description text.
+         */
+        "description"?: string;
+        /**
+          * The heading text.
+         */
+        "heading"?: string;
+        /**
+          * Lucide icon name displayed large.
+         */
+        "icon"?: string;
+        /**
+          * The size of the empty state.
+          * @default 'md'
+         */
+        "size": TsSize;
+    }
+    interface TsFileUpload {
+        /**
+          * Accepted file types (e.g. '.jpg,.png').
+         */
+        "accept"?: string;
+        /**
+          * Whether the file upload is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text for the dropzone.
+          * @default 'Drop files here or click to upload'
+         */
+        "label": string;
+        /**
+          * Maximum file size in bytes.
+         */
+        "maxSize"?: number;
+        /**
+          * Whether multiple files can be selected.
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Form field name.
+         */
+        "name"?: string;
+    }
+    interface TsGrid {
+        /**
+          * Vertical alignment of grid items.
+          * @default 'stretch'
+         */
+        "align": 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Number of columns or 'auto' for responsive auto-fill.
+          * @default 'auto'
+         */
+        "columns": string;
+        /**
+          * Spacing token number for gap between items.
+          * @default '4'
+         */
+        "gap": string;
+        /**
+          * Minimum column width when columns is 'auto'.
+          * @default '280px'
+         */
+        "minColumnWidth": string;
+    }
+    interface TsIcon {
+        /**
+          * CSS color value applied to the icon.
+          * @default 'currentColor'
+         */
+        "color": string;
+        /**
+          * Accessible label. When set, applies role="img" and aria-label. When absent, sets aria-hidden="true".
+         */
+        "label"?: string;
+        /**
+          * Icon name — resolves from custom registry first, then built-in Lucide icons. Accepts kebab-case or PascalCase.
+         */
+        "name"?: string;
+        /**
+          * The icon's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * URL to an external SVG icon file.
+         */
+        "src"?: string;
+    }
+    interface TsInput {
+        /**
+          * Autocomplete attribute.
+         */
+        "autocomplete"?: string;
+        /**
+          * Renders the input as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Renders the input in an error state with an error message.
+         */
+        "error"?: string;
+        /**
+          * Help text displayed below the input.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the input.
+         */
+        "label"?: string;
+        /**
+          * Maximum character length.
+         */
+        "maxlength"?: number;
+        /**
+          * Minimum character length.
+         */
+        "minlength"?: number;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Pattern for validation (regex string).
+         */
+        "pattern"?: string;
+        /**
+          * Placeholder text.
+         */
+        "placeholder"?: string;
+        /**
+          * Renders the input as readonly.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Makes the input required.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Programmatically select the input text.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Programmatically focus the input.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The input's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The input type.
+          * @default 'text'
+         */
+        "type": | 'text'
+    | 'email'
+    | 'password'
+    | 'number'
+    | 'tel'
+    | 'url'
+    | 'search';
+        /**
+          * The input's value.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsMenu {
+        /**
+          * Whether the menu dropdown is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Placement of the dropdown relative to the trigger.
+          * @default 'bottom-start'
+         */
+        "placement": TsMenuPlacement;
+        /**
+          * How the menu is triggered.
+          * @default 'click'
+         */
+        "trigger": TsMenuTrigger;
+    }
+    interface TsMenuItem {
+        /**
+          * Disables the menu item.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * If provided, renders the item as a link.
+         */
+        "href"?: string;
+        /**
+          * Focus the menu item.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The value associated with this menu item.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsModal {
+        /**
+          * Programmatically close the modal.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether pressing Escape closes the modal.
+          * @default true
+         */
+        "closeOnEscape": boolean;
+        /**
+          * Whether clicking the overlay closes the modal.
+          * @default true
+         */
+        "closeOnOverlay": boolean;
+        /**
+          * Label for accessibility (used as aria-label).
+         */
+        "label"?: string;
+        /**
+          * Whether the modal is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Programmatically open the modal.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Whether to show the close button.
+          * @default true
+         */
+        "showClose": boolean;
+        /**
+          * The modal's width size preset.
+          * @default 'md'
+         */
+        "size": TsSize;
+    }
+    interface TsNav {
+        /**
+          * Whether the sidebar nav is collapsed (icons only).
+          * @default false
+         */
+        "collapsed": boolean;
+        /**
+          * The navigation layout variant.
+          * @default 'sidebar'
+         */
+        "variant": 'sidebar' | 'horizontal';
+    }
+    interface TsNavItem {
+        /**
+          * Whether this item is currently active.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Whether this item is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The URL to navigate to.
+         */
+        "href"?: string;
+        /**
+          * Lucide icon name to display.
+         */
+        "icon"?: string;
+    }
+    interface TsPagination {
+        /**
+          * The current active page (1-based).
+          * @default 1
+         */
+        "currentPage": number;
+        /**
+          * Number of items per page.
+          * @default 10
+         */
+        "pageSize": number;
+        /**
+          * Number of sibling pages shown around the current page.
+          * @default 1
+         */
+        "siblingCount": number;
+        /**
+          * The size of the pagination buttons.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * Total number of items.
+         */
+        "total": number;
+    }
+    interface TsPopover {
+        /**
+          * Whether the popover closes on outside click or Escape.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * Programmatically hide the popover.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Whether the popover is currently visible.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Placement of the popover relative to the trigger.
+          * @default 'bottom'
+         */
+        "placement": TsPopoverPlacement;
+        /**
+          * Programmatically show the popover.
+         */
+        "show": () => Promise<void>;
+        /**
+          * How the popover is triggered.
+          * @default 'click'
+         */
+        "trigger": 'click' | 'hover' | 'manual';
+    }
+    interface TsProgress {
+        /**
+          * Whether the progress is indeterminate.
+          * @default false
+         */
+        "indeterminate": boolean;
+        /**
+          * Accessible label for the progress bar.
+         */
+        "label"?: string;
+        /**
+          * Maximum value.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Whether to display the percentage value.
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * The size of the progress bar.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * Current progress value (0 to max).
+          * @default 0
+         */
+        "value": number;
+        /**
+          * The color variant.
+          * @default 'primary'
+         */
+        "variant": TsProgressVariant;
+    }
+    interface TsRadio {
+        /**
+          * Whether the radio is checked.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Renders the radio as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text. If omitted, use the default slot.
+         */
+        "label"?: string;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Programmatically select the radio.
+         */
+        "select": () => Promise<void>;
+        /**
+          * The radio size.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * The value associated with this radio.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsRow {
+        /**
+          * Cross-axis alignment of items.
+          * @default 'center'
+         */
+        "align": 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+        /**
+          * Spacing token number controlling the gap between items.
+          * @default '2'
+         */
+        "gap": string;
+        /**
+          * Main-axis alignment of items.
+          * @default 'start'
+         */
+        "justify": 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+        /**
+          * Reverse the row direction.
+          * @default false
+         */
+        "reverse": boolean;
+        /**
+          * Breakpoint at which the row stacks vertically.
+          * @default 'never'
+         */
+        "stackAt": 'sm' | 'md' | 'lg' | 'never';
+        /**
+          * Whether items should wrap to the next line.
+          * @default true
+         */
+        "wrap": boolean;
+    }
+    interface TsSelect {
+        /**
+          * Renders the select as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Renders the select in an error state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error message displayed below the select.
+         */
+        "errorMessage"?: string;
+        /**
+          * Help text displayed below the select.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the select.
+         */
+        "label"?: string;
+        /**
+          * Allow multiple selections.
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Placeholder text when no value is selected.
+         */
+        "placeholder"?: string;
+        /**
+          * Makes the select required.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * The select size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The current value.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsSkeleton {
+        /**
+          * Animation style.
+          * @default 'pulse'
+         */
+        "animation": 'pulse' | 'wave' | 'none';
+        /**
+          * CSS height of the skeleton.
+         */
+        "height"?: string;
+        /**
+          * Number of lines to render (text variant only).
+          * @default 1
+         */
+        "lines": number;
+        /**
+          * The skeleton shape variant.
+          * @default 'text'
+         */
+        "variant": 'text' | 'circular' | 'rectangular';
+        /**
+          * CSS width of the skeleton.
+          * @default '100%'
+         */
+        "width": string;
+    }
+    interface TsSlider {
+        /**
+          * Disables the slider.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Accessible label.
+         */
+        "label"?: string;
+        /**
+          * Maximum value.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Minimum value.
+          * @default 0
+         */
+        "min": number;
+        /**
+          * Whether to display the current value.
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * The size of the slider.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * Step increment.
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Current slider value.
+          * @default 0
+         */
+        "value": number;
+    }
+    /**
+     * An explicit spacing element for adding vertical or horizontal space.
+     */
+    interface TsSpacer {
+        /**
+          * The axis along which the spacer adds space.
+          * @default 'vertical'
+         */
+        "axis": 'vertical' | 'horizontal';
+        /**
+          * Spacing token number controlling the size of the spacer.
+          * @default '4'
+         */
+        "size": string;
+    }
+    interface TsSpinner {
+        /**
+          * The color of the spinning indicator.
+          * @default 'currentColor'
+         */
+        "color": string;
+        /**
+          * Accessible label for screen readers.
+          * @default 'Loading'
+         */
+        "label": string;
+        /**
+          * The size of the spinner.
+          * @default 'md'
+         */
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    }
+    interface TsStack {
+        /**
+          * Cross-axis alignment of items.
+          * @default 'stretch'
+         */
+        "align": 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Spacing token number controlling the gap between items.
+          * @default '3'
+         */
+        "gap": string;
+    }
+    interface TsStep {
+        /**
+          * Whether this step is completed.
+          * @default false
+         */
+        "completed": boolean;
+        /**
+          * Optional description text below the label.
+         */
+        "description"?: string;
+        /**
+          * Whether this step is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether this step has an error.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Optional custom icon name.
+         */
+        "icon"?: string;
+        /**
+          * The step label text.
+         */
+        "label"?: string;
+    }
+    interface TsStepper {
+        /**
+          * The index of the currently active step (0-based).
+          * @default 0
+         */
+        "activeStep": number;
+        /**
+          * If true, steps must be completed in order.
+          * @default false
+         */
+        "linear": boolean;
+        /**
+          * The layout orientation.
+          * @default 'horizontal'
+         */
+        "orientation": 'horizontal' | 'vertical';
+    }
+    interface TsSwitchGroup {
+        /**
+          * Disables the entire group.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Stretch to fill the container width.
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * The size of the switch group.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The currently active segment value.
+         */
+        "value"?: string;
+    }
+    interface TsSwitchOption {
+        /**
+          * Whether this option is the active selection (set by parent).
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Disables this option.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional icon name.
+         */
+        "icon"?: string;
+        /**
+          * Unique identifier for this option.
+         */
+        "value"?: string;
+    }
+    interface TsTabPanel {
+        /**
+          * Whether this tab is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional icon name displayed before the tab label.
+         */
+        "icon"?: string;
+        /**
+          * The label text displayed in the tab button.
+         */
+        "tab": string;
+        /**
+          * Unique identifier for this tab panel.
+         */
+        "value": string;
+    }
+    /**
+     * A styled wrapper for native HTML tables. Consumers place standard
+     * `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements inside.
+     * Uses light DOM (no Shadow DOM) so nested table elements can be
+     * styled directly via the component's CSS.
+     */
+    interface TsTable {
+        /**
+          * Adds borders to all cells.
+          * @default false
+         */
+        "bordered": boolean;
+        /**
+          * Reduces cell padding for denser display.
+          * @default false
+         */
+        "compact": boolean;
+        /**
+          * Highlights rows on hover.
+          * @default false
+         */
+        "hoverable": boolean;
+        /**
+          * Makes the table header stick to the top on scroll.
+          * @default false
+         */
+        "stickyHeader": boolean;
+        /**
+          * Applies alternating row background colors.
+          * @default false
+         */
+        "striped": boolean;
+    }
+    interface TsTabs {
+        /**
+          * The size of the tab buttons.
+          * @default 'md'
+         */
+        "size": 'sm' | 'md' | 'lg';
+        /**
+          * The value of the currently active tab.
+         */
+        "value"?: string;
+        /**
+          * Visual variant of the tab bar.
+          * @default 'line'
+         */
+        "variant": 'line' | 'enclosed' | 'pill';
+    }
+    interface TsTextarea {
+        /**
+          * Renders the textarea as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Renders the textarea in an error state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error message displayed below the textarea.
+         */
+        "errorMessage"?: string;
+        /**
+          * Help text displayed below the textarea.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the textarea.
+         */
+        "label"?: string;
+        /**
+          * Maximum character length.
+         */
+        "maxlength"?: number;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Placeholder text.
+         */
+        "placeholder"?: string;
+        /**
+          * Renders the textarea as readonly.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Makes the textarea required.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Resize behavior.
+          * @default 'vertical'
+         */
+        "resize": 'none' | 'vertical' | 'horizontal' | 'both';
+        /**
+          * Number of visible text rows.
+          * @default 3
+         */
+        "rows": number;
+        /**
+          * Programmatically select the textarea text.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Programmatically focus the textarea.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The textarea size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The textarea's value.
+          * @default ''
+         */
+        "value": string;
+    }
+    interface TsToast {
+        /**
+          * Programmatically close the toast.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether the toast shows a close button.
+          * @default true
+         */
+        "dismissible": boolean;
+        /**
+          * Auto-dismiss duration in ms. Set 0 to disable.
+          * @default 5000
+         */
+        "duration": number;
+        /**
+          * Whether the toast is visible.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Position of the toast on screen.
+          * @default 'top-right'
+         */
+        "position": TsToastPosition;
+        /**
+          * Programmatically show the toast.
+         */
+        "show": () => Promise<void>;
+        /**
+          * The toast's visual variant.
+          * @default 'info'
+         */
+        "variant": TsToastVariant;
+    }
+    interface TsToggle {
+        /**
+          * Whether the toggle is checked.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Renders the toggle as disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Name for form submission.
+         */
+        "name"?: string;
+        /**
+          * The toggle's size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * Programmatically toggle the checked state.
+         */
+        "toggle": () => Promise<void>;
+        /**
+          * Value for form submission.
+         */
+        "value"?: string;
+    }
+    interface TsToolbar {
+        /**
+          * The toolbar size.
+          * @default 'md'
+         */
+        "size": TsSize;
+        /**
+          * The toolbar variant style.
+          * @default 'default'
+         */
+        "variant": 'default' | 'bordered' | 'elevated';
+    }
+    interface TsTooltip {
+        /**
+          * The tooltip text content.
+          * @default ''
+         */
+        "content": string;
+        /**
+          * Disables the tooltip.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Programmatically hide the tooltip.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Delay in ms before hiding the tooltip.
+          * @default 0
+         */
+        "hideDelay": number;
+        /**
+          * Placement of the tooltip relative to the trigger.
+          * @default 'top'
+         */
+        "placement": TsPlacement;
+        /**
+          * Programmatically show the tooltip.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Delay in ms before showing the tooltip.
+          * @default 200
+         */
+        "showDelay": number;
+    }
+    interface TsTree {
+        /**
+          * Enable item selection mode.
+          * @default false
+         */
+        "selectable": boolean;
+    }
+    interface TsTreeItem {
+        /**
+          * Whether the item is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Whether the item is expanded (has children).
+          * @default false
+         */
+        "expanded": boolean;
+        /**
+          * Optional Lucide icon name.
+         */
+        "icon"?: string;
+        /**
+          * The item label.
+         */
+        "label"?: string;
+        /**
+          * Whether the item is selected.
+          * @default false
+         */
+        "selected": boolean;
+    }
+}
+export interface TsAccordionItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsAccordionItemElement;
+}
+export interface TsAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsAlertElement;
+}
+export interface TsBannerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsBannerElement;
+}
+export interface TsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsButtonElement;
+}
+export interface TsCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsCheckboxElement;
+}
+export interface TsChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsChipElement;
+}
+export interface TsDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsDatePickerElement;
+}
+export interface TsDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsDialogElement;
+}
+export interface TsDrawerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsDrawerElement;
+}
+export interface TsFileUploadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsFileUploadElement;
+}
+export interface TsInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsInputElement;
+}
+export interface TsMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsMenuElement;
+}
+export interface TsMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsMenuItemElement;
+}
+export interface TsModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsModalElement;
+}
+export interface TsNavItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsNavItemElement;
+}
+export interface TsPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsPaginationElement;
+}
+export interface TsPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsPopoverElement;
+}
+export interface TsRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsRadioElement;
+}
+export interface TsSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsSelectElement;
+}
+export interface TsSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsSliderElement;
+}
+export interface TsSwitchGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsSwitchGroupElement;
+}
+export interface TsSwitchOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsSwitchOptionElement;
+}
+export interface TsTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsTabsElement;
+}
+export interface TsTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsTextareaElement;
+}
+export interface TsToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsToastElement;
+}
+export interface TsToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsToggleElement;
+}
+export interface TsTreeItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTsTreeItemElement;
+}
+declare global {
+    interface HTMLTsAccordionElement extends Components.TsAccordion, HTMLStencilElement {
+    }
+    var HTMLTsAccordionElement: {
+        prototype: HTMLTsAccordionElement;
+        new (): HTMLTsAccordionElement;
+    };
+    interface HTMLTsAccordionItemElementEventMap {
+        "tsToggle": { open: boolean };
+    }
+    interface HTMLTsAccordionItemElement extends Components.TsAccordionItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsAccordionItemElementEventMap>(type: K, listener: (this: HTMLTsAccordionItemElement, ev: TsAccordionItemCustomEvent<HTMLTsAccordionItemElementEventMap[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 HTMLTsAccordionItemElementEventMap>(type: K, listener: (this: HTMLTsAccordionItemElement, ev: TsAccordionItemCustomEvent<HTMLTsAccordionItemElementEventMap[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 HTMLTsAccordionItemElement: {
+        prototype: HTMLTsAccordionItemElement;
+        new (): HTMLTsAccordionItemElement;
+    };
+    interface HTMLTsAlertElementEventMap {
+        "tsClose": void;
+    }
+    interface HTMLTsAlertElement extends Components.TsAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsAlertElementEventMap>(type: K, listener: (this: HTMLTsAlertElement, ev: TsAlertCustomEvent<HTMLTsAlertElementEventMap[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 HTMLTsAlertElementEventMap>(type: K, listener: (this: HTMLTsAlertElement, ev: TsAlertCustomEvent<HTMLTsAlertElementEventMap[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 HTMLTsAlertElement: {
+        prototype: HTMLTsAlertElement;
+        new (): HTMLTsAlertElement;
+    };
+    interface HTMLTsAvatarElement extends Components.TsAvatar, HTMLStencilElement {
+    }
+    var HTMLTsAvatarElement: {
+        prototype: HTMLTsAvatarElement;
+        new (): HTMLTsAvatarElement;
+    };
+    interface HTMLTsBadgeElement extends Components.TsBadge, HTMLStencilElement {
+    }
+    var HTMLTsBadgeElement: {
+        prototype: HTMLTsBadgeElement;
+        new (): HTMLTsBadgeElement;
+    };
+    interface HTMLTsBannerElementEventMap {
+        "tsClose": void;
+    }
+    interface HTMLTsBannerElement extends Components.TsBanner, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsBannerElementEventMap>(type: K, listener: (this: HTMLTsBannerElement, ev: TsBannerCustomEvent<HTMLTsBannerElementEventMap[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 HTMLTsBannerElementEventMap>(type: K, listener: (this: HTMLTsBannerElement, ev: TsBannerCustomEvent<HTMLTsBannerElementEventMap[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 HTMLTsBannerElement: {
+        prototype: HTMLTsBannerElement;
+        new (): HTMLTsBannerElement;
+    };
+    interface HTMLTsBreadcrumbElement extends Components.TsBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLTsBreadcrumbElement: {
+        prototype: HTMLTsBreadcrumbElement;
+        new (): HTMLTsBreadcrumbElement;
+    };
+    interface HTMLTsBreadcrumbItemElement extends Components.TsBreadcrumbItem, HTMLStencilElement {
+    }
+    var HTMLTsBreadcrumbItemElement: {
+        prototype: HTMLTsBreadcrumbItemElement;
+        new (): HTMLTsBreadcrumbItemElement;
+    };
+    interface HTMLTsButtonElementEventMap {
+        "tsClick": void;
+        "tsFocus": void;
+        "tsBlur": void;
+    }
+    interface HTMLTsButtonElement extends Components.TsButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsButtonElementEventMap>(type: K, listener: (this: HTMLTsButtonElement, ev: TsButtonCustomEvent<HTMLTsButtonElementEventMap[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 HTMLTsButtonElementEventMap>(type: K, listener: (this: HTMLTsButtonElement, ev: TsButtonCustomEvent<HTMLTsButtonElementEventMap[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 HTMLTsButtonElement: {
+        prototype: HTMLTsButtonElement;
+        new (): HTMLTsButtonElement;
+    };
+    interface HTMLTsCardElement extends Components.TsCard, HTMLStencilElement {
+    }
+    var HTMLTsCardElement: {
+        prototype: HTMLTsCardElement;
+        new (): HTMLTsCardElement;
+    };
+    interface HTMLTsCheckboxElementEventMap {
+        "tsChange": TsCheckboxChangeEventDetail;
+    }
+    interface HTMLTsCheckboxElement extends Components.TsCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsCheckboxElementEventMap>(type: K, listener: (this: HTMLTsCheckboxElement, ev: TsCheckboxCustomEvent<HTMLTsCheckboxElementEventMap[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 HTMLTsCheckboxElementEventMap>(type: K, listener: (this: HTMLTsCheckboxElement, ev: TsCheckboxCustomEvent<HTMLTsCheckboxElementEventMap[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 HTMLTsCheckboxElement: {
+        prototype: HTMLTsCheckboxElement;
+        new (): HTMLTsCheckboxElement;
+    };
+    interface HTMLTsChipElementEventMap {
+        "tsRemove": void;
+        "tsClick": void;
+    }
+    interface HTMLTsChipElement extends Components.TsChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsChipElementEventMap>(type: K, listener: (this: HTMLTsChipElement, ev: TsChipCustomEvent<HTMLTsChipElementEventMap[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 HTMLTsChipElementEventMap>(type: K, listener: (this: HTMLTsChipElement, ev: TsChipCustomEvent<HTMLTsChipElementEventMap[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 HTMLTsChipElement: {
+        prototype: HTMLTsChipElement;
+        new (): HTMLTsChipElement;
+    };
+    interface HTMLTsContainerElement extends Components.TsContainer, HTMLStencilElement {
+    }
+    var HTMLTsContainerElement: {
+        prototype: HTMLTsContainerElement;
+        new (): HTMLTsContainerElement;
+    };
+    interface HTMLTsDatePickerElementEventMap {
+        "tsChange": { value: string };
+    }
+    interface HTMLTsDatePickerElement extends Components.TsDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsDatePickerElementEventMap>(type: K, listener: (this: HTMLTsDatePickerElement, ev: TsDatePickerCustomEvent<HTMLTsDatePickerElementEventMap[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 HTMLTsDatePickerElementEventMap>(type: K, listener: (this: HTMLTsDatePickerElement, ev: TsDatePickerCustomEvent<HTMLTsDatePickerElementEventMap[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 HTMLTsDatePickerElement: {
+        prototype: HTMLTsDatePickerElement;
+        new (): HTMLTsDatePickerElement;
+    };
+    interface HTMLTsDialogElementEventMap {
+        "tsClose": void;
+    }
+    interface HTMLTsDialogElement extends Components.TsDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsDialogElementEventMap>(type: K, listener: (this: HTMLTsDialogElement, ev: TsDialogCustomEvent<HTMLTsDialogElementEventMap[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 HTMLTsDialogElementEventMap>(type: K, listener: (this: HTMLTsDialogElement, ev: TsDialogCustomEvent<HTMLTsDialogElementEventMap[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 HTMLTsDialogElement: {
+        prototype: HTMLTsDialogElement;
+        new (): HTMLTsDialogElement;
+    };
+    interface HTMLTsDividerElement extends Components.TsDivider, HTMLStencilElement {
+    }
+    var HTMLTsDividerElement: {
+        prototype: HTMLTsDividerElement;
+        new (): HTMLTsDividerElement;
+    };
+    interface HTMLTsDrawerElementEventMap {
+        "tsClose": void;
+    }
+    interface HTMLTsDrawerElement extends Components.TsDrawer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsDrawerElementEventMap>(type: K, listener: (this: HTMLTsDrawerElement, ev: TsDrawerCustomEvent<HTMLTsDrawerElementEventMap[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 HTMLTsDrawerElementEventMap>(type: K, listener: (this: HTMLTsDrawerElement, ev: TsDrawerCustomEvent<HTMLTsDrawerElementEventMap[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 HTMLTsDrawerElement: {
+        prototype: HTMLTsDrawerElement;
+        new (): HTMLTsDrawerElement;
+    };
+    interface HTMLTsEmptyStateElement extends Components.TsEmptyState, HTMLStencilElement {
+    }
+    var HTMLTsEmptyStateElement: {
+        prototype: HTMLTsEmptyStateElement;
+        new (): HTMLTsEmptyStateElement;
+    };
+    interface HTMLTsFileUploadElementEventMap {
+        "tsChange": { files: File[] };
+    }
+    interface HTMLTsFileUploadElement extends Components.TsFileUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsFileUploadElementEventMap>(type: K, listener: (this: HTMLTsFileUploadElement, ev: TsFileUploadCustomEvent<HTMLTsFileUploadElementEventMap[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 HTMLTsFileUploadElementEventMap>(type: K, listener: (this: HTMLTsFileUploadElement, ev: TsFileUploadCustomEvent<HTMLTsFileUploadElementEventMap[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 HTMLTsFileUploadElement: {
+        prototype: HTMLTsFileUploadElement;
+        new (): HTMLTsFileUploadElement;
+    };
+    interface HTMLTsGridElement extends Components.TsGrid, HTMLStencilElement {
+    }
+    var HTMLTsGridElement: {
+        prototype: HTMLTsGridElement;
+        new (): HTMLTsGridElement;
+    };
+    interface HTMLTsIconElement extends Components.TsIcon, HTMLStencilElement {
+    }
+    var HTMLTsIconElement: {
+        prototype: HTMLTsIconElement;
+        new (): HTMLTsIconElement;
+    };
+    interface HTMLTsInputElementEventMap {
+        "tsInput": TsChangeEventDetail<string>;
+        "tsChange": TsChangeEventDetail<string>;
+        "tsFocus": void;
+        "tsBlur": void;
+        "tsValidate": TsValidationEventDetail;
+    }
+    interface HTMLTsInputElement extends Components.TsInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsInputElementEventMap>(type: K, listener: (this: HTMLTsInputElement, ev: TsInputCustomEvent<HTMLTsInputElementEventMap[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 HTMLTsInputElementEventMap>(type: K, listener: (this: HTMLTsInputElement, ev: TsInputCustomEvent<HTMLTsInputElementEventMap[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 HTMLTsInputElement: {
+        prototype: HTMLTsInputElement;
+        new (): HTMLTsInputElement;
+    };
+    interface HTMLTsMenuElementEventMap {
+        "tsOpen": void;
+        "tsClose": void;
+    }
+    interface HTMLTsMenuElement extends Components.TsMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsMenuElementEventMap>(type: K, listener: (this: HTMLTsMenuElement, ev: TsMenuCustomEvent<HTMLTsMenuElementEventMap[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 HTMLTsMenuElementEventMap>(type: K, listener: (this: HTMLTsMenuElement, ev: TsMenuCustomEvent<HTMLTsMenuElementEventMap[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 HTMLTsMenuElement: {
+        prototype: HTMLTsMenuElement;
+        new (): HTMLTsMenuElement;
+    };
+    interface HTMLTsMenuItemElementEventMap {
+        "tsSelect": { value: string };
+    }
+    interface HTMLTsMenuItemElement extends Components.TsMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsMenuItemElementEventMap>(type: K, listener: (this: HTMLTsMenuItemElement, ev: TsMenuItemCustomEvent<HTMLTsMenuItemElementEventMap[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 HTMLTsMenuItemElementEventMap>(type: K, listener: (this: HTMLTsMenuItemElement, ev: TsMenuItemCustomEvent<HTMLTsMenuItemElementEventMap[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 HTMLTsMenuItemElement: {
+        prototype: HTMLTsMenuItemElement;
+        new (): HTMLTsMenuItemElement;
+    };
+    interface HTMLTsModalElementEventMap {
+        "tsOpen": void;
+        "tsClose": void;
+    }
+    interface HTMLTsModalElement extends Components.TsModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsModalElementEventMap>(type: K, listener: (this: HTMLTsModalElement, ev: TsModalCustomEvent<HTMLTsModalElementEventMap[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 HTMLTsModalElementEventMap>(type: K, listener: (this: HTMLTsModalElement, ev: TsModalCustomEvent<HTMLTsModalElementEventMap[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 HTMLTsModalElement: {
+        prototype: HTMLTsModalElement;
+        new (): HTMLTsModalElement;
+    };
+    interface HTMLTsNavElement extends Components.TsNav, HTMLStencilElement {
+    }
+    var HTMLTsNavElement: {
+        prototype: HTMLTsNavElement;
+        new (): HTMLTsNavElement;
+    };
+    interface HTMLTsNavItemElementEventMap {
+        "tsSelect": void;
+    }
+    interface HTMLTsNavItemElement extends Components.TsNavItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsNavItemElementEventMap>(type: K, listener: (this: HTMLTsNavItemElement, ev: TsNavItemCustomEvent<HTMLTsNavItemElementEventMap[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 HTMLTsNavItemElementEventMap>(type: K, listener: (this: HTMLTsNavItemElement, ev: TsNavItemCustomEvent<HTMLTsNavItemElementEventMap[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 HTMLTsNavItemElement: {
+        prototype: HTMLTsNavItemElement;
+        new (): HTMLTsNavItemElement;
+    };
+    interface HTMLTsPaginationElementEventMap {
+        "tsChange": { page: number };
+    }
+    interface HTMLTsPaginationElement extends Components.TsPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsPaginationElementEventMap>(type: K, listener: (this: HTMLTsPaginationElement, ev: TsPaginationCustomEvent<HTMLTsPaginationElementEventMap[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 HTMLTsPaginationElementEventMap>(type: K, listener: (this: HTMLTsPaginationElement, ev: TsPaginationCustomEvent<HTMLTsPaginationElementEventMap[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 HTMLTsPaginationElement: {
+        prototype: HTMLTsPaginationElement;
+        new (): HTMLTsPaginationElement;
+    };
+    interface HTMLTsPopoverElementEventMap {
+        "tsOpen": void;
+        "tsClose": void;
+    }
+    interface HTMLTsPopoverElement extends Components.TsPopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsPopoverElementEventMap>(type: K, listener: (this: HTMLTsPopoverElement, ev: TsPopoverCustomEvent<HTMLTsPopoverElementEventMap[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 HTMLTsPopoverElementEventMap>(type: K, listener: (this: HTMLTsPopoverElement, ev: TsPopoverCustomEvent<HTMLTsPopoverElementEventMap[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 HTMLTsPopoverElement: {
+        prototype: HTMLTsPopoverElement;
+        new (): HTMLTsPopoverElement;
+    };
+    interface HTMLTsProgressElement extends Components.TsProgress, HTMLStencilElement {
+    }
+    var HTMLTsProgressElement: {
+        prototype: HTMLTsProgressElement;
+        new (): HTMLTsProgressElement;
+    };
+    interface HTMLTsRadioElementEventMap {
+        "tsChange": TsCheckboxChangeEventDetail;
+    }
+    interface HTMLTsRadioElement extends Components.TsRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsRadioElementEventMap>(type: K, listener: (this: HTMLTsRadioElement, ev: TsRadioCustomEvent<HTMLTsRadioElementEventMap[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 HTMLTsRadioElementEventMap>(type: K, listener: (this: HTMLTsRadioElement, ev: TsRadioCustomEvent<HTMLTsRadioElementEventMap[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 HTMLTsRadioElement: {
+        prototype: HTMLTsRadioElement;
+        new (): HTMLTsRadioElement;
+    };
+    interface HTMLTsRowElement extends Components.TsRow, HTMLStencilElement {
+    }
+    var HTMLTsRowElement: {
+        prototype: HTMLTsRowElement;
+        new (): HTMLTsRowElement;
+    };
+    interface HTMLTsSelectElementEventMap {
+        "tsChange": TsSelectChangeEventDetail;
+        "tsFocus": void;
+        "tsBlur": void;
+    }
+    interface HTMLTsSelectElement extends Components.TsSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsSelectElementEventMap>(type: K, listener: (this: HTMLTsSelectElement, ev: TsSelectCustomEvent<HTMLTsSelectElementEventMap[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 HTMLTsSelectElementEventMap>(type: K, listener: (this: HTMLTsSelectElement, ev: TsSelectCustomEvent<HTMLTsSelectElementEventMap[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 HTMLTsSelectElement: {
+        prototype: HTMLTsSelectElement;
+        new (): HTMLTsSelectElement;
+    };
+    interface HTMLTsSkeletonElement extends Components.TsSkeleton, HTMLStencilElement {
+    }
+    var HTMLTsSkeletonElement: {
+        prototype: HTMLTsSkeletonElement;
+        new (): HTMLTsSkeletonElement;
+    };
+    interface HTMLTsSliderElementEventMap {
+        "tsInput": { value: number };
+        "tsChange": { value: number };
+    }
+    interface HTMLTsSliderElement extends Components.TsSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsSliderElementEventMap>(type: K, listener: (this: HTMLTsSliderElement, ev: TsSliderCustomEvent<HTMLTsSliderElementEventMap[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 HTMLTsSliderElementEventMap>(type: K, listener: (this: HTMLTsSliderElement, ev: TsSliderCustomEvent<HTMLTsSliderElementEventMap[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 HTMLTsSliderElement: {
+        prototype: HTMLTsSliderElement;
+        new (): HTMLTsSliderElement;
+    };
+    /**
+     * An explicit spacing element for adding vertical or horizontal space.
+     */
+    interface HTMLTsSpacerElement extends Components.TsSpacer, HTMLStencilElement {
+    }
+    var HTMLTsSpacerElement: {
+        prototype: HTMLTsSpacerElement;
+        new (): HTMLTsSpacerElement;
+    };
+    interface HTMLTsSpinnerElement extends Components.TsSpinner, HTMLStencilElement {
+    }
+    var HTMLTsSpinnerElement: {
+        prototype: HTMLTsSpinnerElement;
+        new (): HTMLTsSpinnerElement;
+    };
+    interface HTMLTsStackElement extends Components.TsStack, HTMLStencilElement {
+    }
+    var HTMLTsStackElement: {
+        prototype: HTMLTsStackElement;
+        new (): HTMLTsStackElement;
+    };
+    interface HTMLTsStepElement extends Components.TsStep, HTMLStencilElement {
+    }
+    var HTMLTsStepElement: {
+        prototype: HTMLTsStepElement;
+        new (): HTMLTsStepElement;
+    };
+    interface HTMLTsStepperElement extends Components.TsStepper, HTMLStencilElement {
+    }
+    var HTMLTsStepperElement: {
+        prototype: HTMLTsStepperElement;
+        new (): HTMLTsStepperElement;
+    };
+    interface HTMLTsSwitchGroupElementEventMap {
+        "tsChange": { value: string };
+    }
+    interface HTMLTsSwitchGroupElement extends Components.TsSwitchGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsSwitchGroupElementEventMap>(type: K, listener: (this: HTMLTsSwitchGroupElement, ev: TsSwitchGroupCustomEvent<HTMLTsSwitchGroupElementEventMap[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 HTMLTsSwitchGroupElementEventMap>(type: K, listener: (this: HTMLTsSwitchGroupElement, ev: TsSwitchGroupCustomEvent<HTMLTsSwitchGroupElementEventMap[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 HTMLTsSwitchGroupElement: {
+        prototype: HTMLTsSwitchGroupElement;
+        new (): HTMLTsSwitchGroupElement;
+    };
+    interface HTMLTsSwitchOptionElementEventMap {
+        "tsOptionSelect": { value: string };
+    }
+    interface HTMLTsSwitchOptionElement extends Components.TsSwitchOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsSwitchOptionElementEventMap>(type: K, listener: (this: HTMLTsSwitchOptionElement, ev: TsSwitchOptionCustomEvent<HTMLTsSwitchOptionElementEventMap[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 HTMLTsSwitchOptionElementEventMap>(type: K, listener: (this: HTMLTsSwitchOptionElement, ev: TsSwitchOptionCustomEvent<HTMLTsSwitchOptionElementEventMap[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 HTMLTsSwitchOptionElement: {
+        prototype: HTMLTsSwitchOptionElement;
+        new (): HTMLTsSwitchOptionElement;
+    };
+    interface HTMLTsTabPanelElement extends Components.TsTabPanel, HTMLStencilElement {
+    }
+    var HTMLTsTabPanelElement: {
+        prototype: HTMLTsTabPanelElement;
+        new (): HTMLTsTabPanelElement;
+    };
+    /**
+     * A styled wrapper for native HTML tables. Consumers place standard
+     * `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements inside.
+     * Uses light DOM (no Shadow DOM) so nested table elements can be
+     * styled directly via the component's CSS.
+     */
+    interface HTMLTsTableElement extends Components.TsTable, HTMLStencilElement {
+    }
+    var HTMLTsTableElement: {
+        prototype: HTMLTsTableElement;
+        new (): HTMLTsTableElement;
+    };
+    interface HTMLTsTabsElementEventMap {
+        "tsChange": { value: string };
+    }
+    interface HTMLTsTabsElement extends Components.TsTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsTabsElementEventMap>(type: K, listener: (this: HTMLTsTabsElement, ev: TsTabsCustomEvent<HTMLTsTabsElementEventMap[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 HTMLTsTabsElementEventMap>(type: K, listener: (this: HTMLTsTabsElement, ev: TsTabsCustomEvent<HTMLTsTabsElementEventMap[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 HTMLTsTabsElement: {
+        prototype: HTMLTsTabsElement;
+        new (): HTMLTsTabsElement;
+    };
+    interface HTMLTsTextareaElementEventMap {
+        "tsInput": TsChangeEventDetail<string>;
+        "tsChange": TsChangeEventDetail<string>;
+        "tsFocus": void;
+        "tsBlur": void;
+    }
+    interface HTMLTsTextareaElement extends Components.TsTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsTextareaElementEventMap>(type: K, listener: (this: HTMLTsTextareaElement, ev: TsTextareaCustomEvent<HTMLTsTextareaElementEventMap[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 HTMLTsTextareaElementEventMap>(type: K, listener: (this: HTMLTsTextareaElement, ev: TsTextareaCustomEvent<HTMLTsTextareaElementEventMap[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 HTMLTsTextareaElement: {
+        prototype: HTMLTsTextareaElement;
+        new (): HTMLTsTextareaElement;
+    };
+    interface HTMLTsToastElementEventMap {
+        "tsClose": void;
+    }
+    interface HTMLTsToastElement extends Components.TsToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsToastElementEventMap>(type: K, listener: (this: HTMLTsToastElement, ev: TsToastCustomEvent<HTMLTsToastElementEventMap[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 HTMLTsToastElementEventMap>(type: K, listener: (this: HTMLTsToastElement, ev: TsToastCustomEvent<HTMLTsToastElementEventMap[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 HTMLTsToastElement: {
+        prototype: HTMLTsToastElement;
+        new (): HTMLTsToastElement;
+    };
+    interface HTMLTsToggleElementEventMap {
+        "tsChange": TsToggleEventDetail;
+    }
+    interface HTMLTsToggleElement extends Components.TsToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsToggleElementEventMap>(type: K, listener: (this: HTMLTsToggleElement, ev: TsToggleCustomEvent<HTMLTsToggleElementEventMap[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 HTMLTsToggleElementEventMap>(type: K, listener: (this: HTMLTsToggleElement, ev: TsToggleCustomEvent<HTMLTsToggleElementEventMap[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 HTMLTsToggleElement: {
+        prototype: HTMLTsToggleElement;
+        new (): HTMLTsToggleElement;
+    };
+    interface HTMLTsToolbarElement extends Components.TsToolbar, HTMLStencilElement {
+    }
+    var HTMLTsToolbarElement: {
+        prototype: HTMLTsToolbarElement;
+        new (): HTMLTsToolbarElement;
+    };
+    interface HTMLTsTooltipElement extends Components.TsTooltip, HTMLStencilElement {
+    }
+    var HTMLTsTooltipElement: {
+        prototype: HTMLTsTooltipElement;
+        new (): HTMLTsTooltipElement;
+    };
+    interface HTMLTsTreeElement extends Components.TsTree, HTMLStencilElement {
+    }
+    var HTMLTsTreeElement: {
+        prototype: HTMLTsTreeElement;
+        new (): HTMLTsTreeElement;
+    };
+    interface HTMLTsTreeItemElementEventMap {
+        "tsToggle": { expanded: boolean };
+        "tsSelect": { selected: boolean; value: string };
+    }
+    interface HTMLTsTreeItemElement extends Components.TsTreeItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTsTreeItemElementEventMap>(type: K, listener: (this: HTMLTsTreeItemElement, ev: TsTreeItemCustomEvent<HTMLTsTreeItemElementEventMap[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 HTMLTsTreeItemElementEventMap>(type: K, listener: (this: HTMLTsTreeItemElement, ev: TsTreeItemCustomEvent<HTMLTsTreeItemElementEventMap[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 HTMLTsTreeItemElement: {
+        prototype: HTMLTsTreeItemElement;
+        new (): HTMLTsTreeItemElement;
+    };
+    interface HTMLElementTagNameMap {
+        "ts-accordion": HTMLTsAccordionElement;
+        "ts-accordion-item": HTMLTsAccordionItemElement;
+        "ts-alert": HTMLTsAlertElement;
+        "ts-avatar": HTMLTsAvatarElement;
+        "ts-badge": HTMLTsBadgeElement;
+        "ts-banner": HTMLTsBannerElement;
+        "ts-breadcrumb": HTMLTsBreadcrumbElement;
+        "ts-breadcrumb-item": HTMLTsBreadcrumbItemElement;
+        "ts-button": HTMLTsButtonElement;
+        "ts-card": HTMLTsCardElement;
+        "ts-checkbox": HTMLTsCheckboxElement;
+        "ts-chip": HTMLTsChipElement;
+        "ts-container": HTMLTsContainerElement;
+        "ts-date-picker": HTMLTsDatePickerElement;
+        "ts-dialog": HTMLTsDialogElement;
+        "ts-divider": HTMLTsDividerElement;
+        "ts-drawer": HTMLTsDrawerElement;
+        "ts-empty-state": HTMLTsEmptyStateElement;
+        "ts-file-upload": HTMLTsFileUploadElement;
+        "ts-grid": HTMLTsGridElement;
+        "ts-icon": HTMLTsIconElement;
+        "ts-input": HTMLTsInputElement;
+        "ts-menu": HTMLTsMenuElement;
+        "ts-menu-item": HTMLTsMenuItemElement;
+        "ts-modal": HTMLTsModalElement;
+        "ts-nav": HTMLTsNavElement;
+        "ts-nav-item": HTMLTsNavItemElement;
+        "ts-pagination": HTMLTsPaginationElement;
+        "ts-popover": HTMLTsPopoverElement;
+        "ts-progress": HTMLTsProgressElement;
+        "ts-radio": HTMLTsRadioElement;
+        "ts-row": HTMLTsRowElement;
+        "ts-select": HTMLTsSelectElement;
+        "ts-skeleton": HTMLTsSkeletonElement;
+        "ts-slider": HTMLTsSliderElement;
+        "ts-spacer": HTMLTsSpacerElement;
+        "ts-spinner": HTMLTsSpinnerElement;
+        "ts-stack": HTMLTsStackElement;
+        "ts-step": HTMLTsStepElement;
+        "ts-stepper": HTMLTsStepperElement;
+        "ts-switch-group": HTMLTsSwitchGroupElement;
+        "ts-switch-option": HTMLTsSwitchOptionElement;
+        "ts-tab-panel": HTMLTsTabPanelElement;
+        "ts-table": HTMLTsTableElement;
+        "ts-tabs": HTMLTsTabsElement;
+        "ts-textarea": HTMLTsTextareaElement;
+        "ts-toast": HTMLTsToastElement;
+        "ts-toggle": HTMLTsToggleElement;
+        "ts-toolbar": HTMLTsToolbarElement;
+        "ts-tooltip": HTMLTsTooltipElement;
+        "ts-tree": HTMLTsTreeElement;
+        "ts-tree-item": HTMLTsTreeItemElement;
+    }
+}
+declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
+    interface TsAccordion {
+        /**
+          * Allow multiple items to be open simultaneously.
+          * @default false
+         */
+        "multiple"?: boolean;
+    }
+    interface TsAccordionItem {
+        /**
+          * Disables toggling.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Header text for the item.
+         */
+        "heading"?: string;
+        /**
+          * Emitted when the item is toggled.
+         */
+        "onTsToggle"?: (event: TsAccordionItemCustomEvent<{ open: boolean }>) => void;
+        /**
+          * Whether the item is expanded.
+          * @default false
+         */
+        "open"?: boolean;
+    }
+    interface TsAlert {
+        /**
+          * Whether the alert can be dismissed.
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * Emitted when the alert is closed.
+         */
+        "onTsClose"?: (event: TsAlertCustomEvent<void>) => void;
+        /**
+          * The alert's semantic variant.
+          * @default 'info'
+         */
+        "variant"?: TsVariant;
+    }
+    interface TsAvatar {
+        /**
+          * Alt text for the avatar image.
+         */
+        "alt"?: string;
+        /**
+          * Background color for the initials fallback.
+         */
+        "color"?: string;
+        /**
+          * Name used to generate initials fallback.
+         */
+        "name"?: string;
+        /**
+          * The size of the avatar.
+          * @default 'md'
+         */
+        "size"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Image URL for the avatar.
+         */
+        "src"?: string;
+        /**
+          * Shape variant of the avatar.
+          * @default 'circle'
+         */
+        "variant"?: 'circle' | 'square';
+    }
+    interface TsBadge {
+        /**
+          * Renders the badge as a small dot indicator (content is hidden).
+          * @default false
+         */
+        "dot"?: boolean;
+        /**
+          * Renders an outlined style instead of solid.
+          * @default false
+         */
+        "outline"?: boolean;
+        /**
+          * Renders the badge with rounded-pill shape.
+          * @default false
+         */
+        "pill"?: boolean;
+        /**
+          * The badge's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The badge's color variant.
+          * @default 'primary'
+         */
+        "variant"?: TsVariant;
+    }
+    interface TsBanner {
+        /**
+          * Whether the banner can be dismissed.
+          * @default false
+         */
+        "dismissible"?: boolean;
+        /**
+          * Optional Lucide icon name.
+         */
+        "icon"?: string;
+        /**
+          * Emitted when the banner is dismissed.
+         */
+        "onTsClose"?: (event: TsBannerCustomEvent<void>) => void;
+        /**
+          * Whether the banner sticks to the top of the viewport.
+          * @default false
+         */
+        "sticky"?: boolean;
+        /**
+          * The banner's semantic variant.
+          * @default 'info'
+         */
+        "variant"?: TsVariant;
+    }
+    interface TsBreadcrumb {
+        /**
+          * The separator character between breadcrumb items.
+          * @default '/'
+         */
+        "separator"?: string;
+    }
+    interface TsBreadcrumbItem {
+        /**
+          * Marks this item as the current page.
+          * @default false
+         */
+        "current"?: boolean;
+        /**
+          * If set, renders as a link.
+         */
+        "href"?: string;
+        /**
+          * Separator character (set by parent ts-breadcrumb).
+         */
+        "separator"?: string;
+    }
+    interface TsButton {
+        /**
+          * The button's visual weight / appearance.
+          * @default 'solid'
+         */
+        "appearance"?: TsAppearance;
+        /**
+          * Makes the button take the full width of its container.
+          * @default false
+         */
+        "block"?: boolean;
+        /**
+          * Renders the button in a disabled state.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * An optional href — renders an anchor instead of a button.
+         */
+        "href"?: string;
+        /**
+          * Renders a loading spinner and disables the button.
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when the button loses focus.
+         */
+        "onTsBlur"?: (event: TsButtonCustomEvent<void>) => void;
+        /**
+          * Emitted when the button is clicked (not fired when disabled/loading).
+         */
+        "onTsClick"?: (event: TsButtonCustomEvent<void>) => void;
+        /**
+          * Emitted when the button receives focus.
+         */
+        "onTsFocus"?: (event: TsButtonCustomEvent<void>) => void;
+        /**
+          * The button's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * Target attribute when href is set.
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * The type attribute for the native button.
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The button's visual variant.
+          * @default 'primary'
+         */
+        "variant"?: TsVariant;
+    }
+    interface TsCard {
+        /**
+          * Border style variant.
+          * @default false
+         */
+        "bordered"?: boolean;
+        /**
+          * Elevation level controlling the shadow depth.
+          * @default 'sm'
+         */
+        "elevation"?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Makes the card interactive (hover effect, cursor pointer).
+          * @default false
+         */
+        "interactive"?: boolean;
+        /**
+          * Padding size for the card body.
+          * @default 'md'
+         */
+        "padding"?: 'none' | 'sm' | 'md' | 'lg';
+    }
+    interface TsCheckbox {
+        /**
+          * Whether the checkbox is checked.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Renders the checkbox as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Renders the checkbox in an error state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Whether the checkbox is in an indeterminate state.
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Label text. If omitted, use the default slot.
+         */
+        "label"?: string;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the checked state changes.
+         */
+        "onTsChange"?: (event: TsCheckboxCustomEvent<TsCheckboxChangeEventDetail>) => void;
+        /**
+          * The checkbox size.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * The value associated with this checkbox.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsChip {
+        /**
+          * Whether the chip is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the chip body is clicked.
+         */
+        "onTsClick"?: (event: TsChipCustomEvent<void>) => void;
+        /**
+          * Emitted when the remove button is clicked.
+         */
+        "onTsRemove"?: (event: TsChipCustomEvent<void>) => void;
+        /**
+          * Whether to render as outline style.
+          * @default false
+         */
+        "outline"?: boolean;
+        /**
+          * Whether the chip shows a remove button.
+          * @default false
+         */
+        "removable"?: boolean;
+        /**
+          * Whether the chip is selected.
+          * @default false
+         */
+        "selected"?: boolean;
+        /**
+          * The chip's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The chip's semantic variant.
+          * @default 'neutral'
+         */
+        "variant"?: TsVariant;
+    }
+    interface TsContainer {
+        /**
+          * Whether to apply horizontal padding.
+          * @default true
+         */
+        "padding"?: boolean;
+        /**
+          * The maximum width of the container.
+          * @default 'lg'
+         */
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    }
+    interface TsDatePicker {
+        /**
+          * Whether the date picker is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the input is in an error state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error message to display.
+         */
+        "errorMessage"?: string;
+        /**
+          * Label text for the input.
+         */
+        "label"?: string;
+        /**
+          * Maximum selectable date in ISO format.
+         */
+        "max"?: string;
+        /**
+          * Minimum selectable date in ISO format.
+         */
+        "min"?: string;
+        /**
+          * Form field name.
+         */
+        "name"?: string;
+        /**
+          * Emitted when a date is selected.
+         */
+        "onTsChange"?: (event: TsDatePickerCustomEvent<{ value: string }>) => void;
+        /**
+          * Placeholder text for the input.
+          * @default 'Select date'
+         */
+        "placeholder"?: string;
+        /**
+          * The input size.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * The selected date value in ISO format (YYYY-MM-DD).
+         */
+        "value"?: string;
+    }
+    interface TsDialog {
+        /**
+          * Whether the dialog can be dismissed via close button, Escape, or overlay click.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * The dialog heading text.
+         */
+        "heading"?: string;
+        /**
+          * Emitted when the dialog is closed.
+         */
+        "onTsClose"?: (event: TsDialogCustomEvent<void>) => void;
+        /**
+          * Whether the dialog is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * The dialog's width size preset.
+          * @default 'sm'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+    }
+    interface TsDivider {
+        /**
+          * Optional label text displayed in the center of the divider.
+         */
+        "label"?: string;
+        /**
+          * The divider orientation.
+          * @default 'horizontal'
+         */
+        "orientation"?: 'horizontal' | 'vertical';
+        /**
+          * The line style variant.
+          * @default 'solid'
+         */
+        "variant"?: 'solid' | 'dashed' | 'dotted';
+    }
+    interface TsDrawer {
+        /**
+          * Whether clicking the overlay or pressing Escape closes the drawer.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * Accessible heading for the drawer.
+         */
+        "heading"?: string;
+        /**
+          * Emitted when the drawer closes.
+         */
+        "onTsClose"?: (event: TsDrawerCustomEvent<void>) => void;
+        /**
+          * Whether the drawer is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Which edge the drawer slides in from.
+          * @default 'end'
+         */
+        "placement"?: 'start' | 'end' | 'top' | 'bottom';
+        /**
+          * The drawer's width/height preset.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg' | 'full';
+    }
+    interface TsEmptyState {
+        /**
+          * The description text.
+         */
+        "description"?: string;
+        /**
+          * The heading text.
+         */
+        "heading"?: string;
+        /**
+          * Lucide icon name displayed large.
+         */
+        "icon"?: string;
+        /**
+          * The size of the empty state.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+    }
+    interface TsFileUpload {
+        /**
+          * Accepted file types (e.g. '.jpg,.png').
+         */
+        "accept"?: string;
+        /**
+          * Whether the file upload is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text for the dropzone.
+          * @default 'Drop files here or click to upload'
+         */
+        "label"?: string;
+        /**
+          * Maximum file size in bytes.
+         */
+        "maxSize"?: number;
+        /**
+          * Whether multiple files can be selected.
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * Form field name.
+         */
+        "name"?: string;
+        /**
+          * Emitted when files are selected or dropped.
+         */
+        "onTsChange"?: (event: TsFileUploadCustomEvent<{ files: File[] }>) => void;
+    }
+    interface TsGrid {
+        /**
+          * Vertical alignment of grid items.
+          * @default 'stretch'
+         */
+        "align"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Number of columns or 'auto' for responsive auto-fill.
+          * @default 'auto'
+         */
+        "columns"?: string;
+        /**
+          * Spacing token number for gap between items.
+          * @default '4'
+         */
+        "gap"?: string;
+        /**
+          * Minimum column width when columns is 'auto'.
+          * @default '280px'
+         */
+        "minColumnWidth"?: string;
+    }
+    interface TsIcon {
+        /**
+          * CSS color value applied to the icon.
+          * @default 'currentColor'
+         */
+        "color"?: string;
+        /**
+          * Accessible label. When set, applies role="img" and aria-label. When absent, sets aria-hidden="true".
+         */
+        "label"?: string;
+        /**
+          * Icon name — resolves from custom registry first, then built-in Lucide icons. Accepts kebab-case or PascalCase.
+         */
+        "name"?: string;
+        /**
+          * The icon's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * URL to an external SVG icon file.
+         */
+        "src"?: string;
+    }
+    interface TsInput {
+        /**
+          * Autocomplete attribute.
+         */
+        "autocomplete"?: string;
+        /**
+          * Renders the input as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Renders the input in an error state with an error message.
+         */
+        "error"?: string;
+        /**
+          * Help text displayed below the input.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the input.
+         */
+        "label"?: string;
+        /**
+          * Maximum character length.
+         */
+        "maxlength"?: number;
+        /**
+          * Minimum character length.
+         */
+        "minlength"?: number;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the input loses focus.
+         */
+        "onTsBlur"?: (event: TsInputCustomEvent<void>) => void;
+        /**
+          * Emitted when the value changes (on blur / commit).
+         */
+        "onTsChange"?: (event: TsInputCustomEvent<TsChangeEventDetail<string>>) => void;
+        /**
+          * Emitted when the input gains focus.
+         */
+        "onTsFocus"?: (event: TsInputCustomEvent<void>) => void;
+        /**
+          * Emitted when the value changes (on input).
+         */
+        "onTsInput"?: (event: TsInputCustomEvent<TsChangeEventDetail<string>>) => void;
+        /**
+          * Emitted on validation.
+         */
+        "onTsValidate"?: (event: TsInputCustomEvent<TsValidationEventDetail>) => void;
+        /**
+          * Pattern for validation (regex string).
+         */
+        "pattern"?: string;
+        /**
+          * Placeholder text.
+         */
+        "placeholder"?: string;
+        /**
+          * Renders the input as readonly.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Makes the input required.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * The input's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The input type.
+          * @default 'text'
+         */
+        "type"?: | 'text'
+    | 'email'
+    | 'password'
+    | 'number'
+    | 'tel'
+    | 'url'
+    | 'search';
+        /**
+          * The input's value.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsMenu {
+        /**
+          * Emitted when the menu closes.
+         */
+        "onTsClose"?: (event: TsMenuCustomEvent<void>) => void;
+        /**
+          * Emitted when the menu opens.
+         */
+        "onTsOpen"?: (event: TsMenuCustomEvent<void>) => void;
+        /**
+          * Whether the menu dropdown is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Placement of the dropdown relative to the trigger.
+          * @default 'bottom-start'
+         */
+        "placement"?: TsMenuPlacement;
+        /**
+          * How the menu is triggered.
+          * @default 'click'
+         */
+        "trigger"?: TsMenuTrigger;
+    }
+    interface TsMenuItem {
+        /**
+          * Disables the menu item.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * If provided, renders the item as a link.
+         */
+        "href"?: string;
+        /**
+          * Emitted when the menu item is selected.
+         */
+        "onTsSelect"?: (event: TsMenuItemCustomEvent<{ value: string }>) => void;
+        /**
+          * The value associated with this menu item.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsModal {
+        /**
+          * Whether pressing Escape closes the modal.
+          * @default true
+         */
+        "closeOnEscape"?: boolean;
+        /**
+          * Whether clicking the overlay closes the modal.
+          * @default true
+         */
+        "closeOnOverlay"?: boolean;
+        /**
+          * Label for accessibility (used as aria-label).
+         */
+        "label"?: string;
+        /**
+          * Emitted when the modal closes.
+         */
+        "onTsClose"?: (event: TsModalCustomEvent<void>) => void;
+        /**
+          * Emitted when the modal opens.
+         */
+        "onTsOpen"?: (event: TsModalCustomEvent<void>) => void;
+        /**
+          * Whether the modal is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Whether to show the close button.
+          * @default true
+         */
+        "showClose"?: boolean;
+        /**
+          * The modal's width size preset.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+    }
+    interface TsNav {
+        /**
+          * Whether the sidebar nav is collapsed (icons only).
+          * @default false
+         */
+        "collapsed"?: boolean;
+        /**
+          * The navigation layout variant.
+          * @default 'sidebar'
+         */
+        "variant"?: 'sidebar' | 'horizontal';
+    }
+    interface TsNavItem {
+        /**
+          * Whether this item is currently active.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Whether this item is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL to navigate to.
+         */
+        "href"?: string;
+        /**
+          * Lucide icon name to display.
+         */
+        "icon"?: string;
+        /**
+          * Emitted when the nav item is selected.
+         */
+        "onTsSelect"?: (event: TsNavItemCustomEvent<void>) => void;
+    }
+    interface TsPagination {
+        /**
+          * The current active page (1-based).
+          * @default 1
+         */
+        "currentPage"?: number;
+        /**
+          * Emitted when the page changes.
+         */
+        "onTsChange"?: (event: TsPaginationCustomEvent<{ page: number }>) => void;
+        /**
+          * Number of items per page.
+          * @default 10
+         */
+        "pageSize"?: number;
+        /**
+          * Number of sibling pages shown around the current page.
+          * @default 1
+         */
+        "siblingCount"?: number;
+        /**
+          * The size of the pagination buttons.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * Total number of items.
+         */
+        "total": number;
+    }
+    interface TsPopover {
+        /**
+          * Whether the popover closes on outside click or Escape.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * Emitted when the popover closes.
+         */
+        "onTsClose"?: (event: TsPopoverCustomEvent<void>) => void;
+        /**
+          * Emitted when the popover opens.
+         */
+        "onTsOpen"?: (event: TsPopoverCustomEvent<void>) => void;
+        /**
+          * Whether the popover is currently visible.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Placement of the popover relative to the trigger.
+          * @default 'bottom'
+         */
+        "placement"?: TsPopoverPlacement;
+        /**
+          * How the popover is triggered.
+          * @default 'click'
+         */
+        "trigger"?: 'click' | 'hover' | 'manual';
+    }
+    interface TsProgress {
+        /**
+          * Whether the progress is indeterminate.
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Accessible label for the progress bar.
+         */
+        "label"?: string;
+        /**
+          * Maximum value.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * Whether to display the percentage value.
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * The size of the progress bar.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * Current progress value (0 to max).
+          * @default 0
+         */
+        "value"?: number;
+        /**
+          * The color variant.
+          * @default 'primary'
+         */
+        "variant"?: TsProgressVariant;
+    }
+    interface TsRadio {
+        /**
+          * Whether the radio is checked.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Renders the radio as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text. If omitted, use the default slot.
+         */
+        "label"?: string;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the radio is selected.
+         */
+        "onTsChange"?: (event: TsRadioCustomEvent<TsCheckboxChangeEventDetail>) => void;
+        /**
+          * The radio size.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * The value associated with this radio.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsRow {
+        /**
+          * Cross-axis alignment of items.
+          * @default 'center'
+         */
+        "align"?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+        /**
+          * Spacing token number controlling the gap between items.
+          * @default '2'
+         */
+        "gap"?: string;
+        /**
+          * Main-axis alignment of items.
+          * @default 'start'
+         */
+        "justify"?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+        /**
+          * Reverse the row direction.
+          * @default false
+         */
+        "reverse"?: boolean;
+        /**
+          * Breakpoint at which the row stacks vertically.
+          * @default 'never'
+         */
+        "stackAt"?: 'sm' | 'md' | 'lg' | 'never';
+        /**
+          * Whether items should wrap to the next line.
+          * @default true
+         */
+        "wrap"?: boolean;
+    }
+    interface TsSelect {
+        /**
+          * Renders the select as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Renders the select in an error state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error message displayed below the select.
+         */
+        "errorMessage"?: string;
+        /**
+          * Help text displayed below the select.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the select.
+         */
+        "label"?: string;
+        /**
+          * Allow multiple selections.
+          * @default false
+         */
+        "multiple"?: boolean;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the select loses focus.
+         */
+        "onTsBlur"?: (event: TsSelectCustomEvent<void>) => void;
+        /**
+          * Emitted when the value changes.
+         */
+        "onTsChange"?: (event: TsSelectCustomEvent<TsSelectChangeEventDetail>) => void;
+        /**
+          * Emitted when the select gains focus.
+         */
+        "onTsFocus"?: (event: TsSelectCustomEvent<void>) => void;
+        /**
+          * Placeholder text when no value is selected.
+         */
+        "placeholder"?: string;
+        /**
+          * Makes the select required.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * The select size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The current value.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsSkeleton {
+        /**
+          * Animation style.
+          * @default 'pulse'
+         */
+        "animation"?: 'pulse' | 'wave' | 'none';
+        /**
+          * CSS height of the skeleton.
+         */
+        "height"?: string;
+        /**
+          * Number of lines to render (text variant only).
+          * @default 1
+         */
+        "lines"?: number;
+        /**
+          * The skeleton shape variant.
+          * @default 'text'
+         */
+        "variant"?: 'text' | 'circular' | 'rectangular';
+        /**
+          * CSS width of the skeleton.
+          * @default '100%'
+         */
+        "width"?: string;
+    }
+    interface TsSlider {
+        /**
+          * Disables the slider.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible label.
+         */
+        "label"?: string;
+        /**
+          * Maximum value.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * Minimum value.
+          * @default 0
+         */
+        "min"?: number;
+        /**
+          * Emitted when drag ends (value committed).
+         */
+        "onTsChange"?: (event: TsSliderCustomEvent<{ value: number }>) => void;
+        /**
+          * Emitted continuously during drag.
+         */
+        "onTsInput"?: (event: TsSliderCustomEvent<{ value: number }>) => void;
+        /**
+          * Whether to display the current value.
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * The size of the slider.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * Step increment.
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * Current slider value.
+          * @default 0
+         */
+        "value"?: number;
+    }
+    /**
+     * An explicit spacing element for adding vertical or horizontal space.
+     */
+    interface TsSpacer {
+        /**
+          * The axis along which the spacer adds space.
+          * @default 'vertical'
+         */
+        "axis"?: 'vertical' | 'horizontal';
+        /**
+          * Spacing token number controlling the size of the spacer.
+          * @default '4'
+         */
+        "size"?: string;
+    }
+    interface TsSpinner {
+        /**
+          * The color of the spinning indicator.
+          * @default 'currentColor'
+         */
+        "color"?: string;
+        /**
+          * Accessible label for screen readers.
+          * @default 'Loading'
+         */
+        "label"?: string;
+        /**
+          * The size of the spinner.
+          * @default 'md'
+         */
+        "size"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    }
+    interface TsStack {
+        /**
+          * Cross-axis alignment of items.
+          * @default 'stretch'
+         */
+        "align"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Spacing token number controlling the gap between items.
+          * @default '3'
+         */
+        "gap"?: string;
+    }
+    interface TsStep {
+        /**
+          * Whether this step is completed.
+          * @default false
+         */
+        "completed"?: boolean;
+        /**
+          * Optional description text below the label.
+         */
+        "description"?: string;
+        /**
+          * Whether this step is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether this step has an error.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Optional custom icon name.
+         */
+        "icon"?: string;
+        /**
+          * The step label text.
+         */
+        "label"?: string;
+    }
+    interface TsStepper {
+        /**
+          * The index of the currently active step (0-based).
+          * @default 0
+         */
+        "activeStep"?: number;
+        /**
+          * If true, steps must be completed in order.
+          * @default false
+         */
+        "linear"?: boolean;
+        /**
+          * The layout orientation.
+          * @default 'horizontal'
+         */
+        "orientation"?: 'horizontal' | 'vertical';
+    }
+    interface TsSwitchGroup {
+        /**
+          * Disables the entire group.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Stretch to fill the container width.
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        /**
+          * Emitted when the active value changes.
+         */
+        "onTsChange"?: (event: TsSwitchGroupCustomEvent<{ value: string }>) => void;
+        /**
+          * The size of the switch group.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The currently active segment value.
+         */
+        "value"?: string;
+    }
+    interface TsSwitchOption {
+        /**
+          * Whether this option is the active selection (set by parent).
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Disables this option.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional icon name.
+         */
+        "icon"?: string;
+        /**
+          * Unique identifier for this option.
+         */
+        "value"?: string;
+    }
+    interface TsTabPanel {
+        /**
+          * Whether this tab is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional icon name displayed before the tab label.
+         */
+        "icon"?: string;
+        /**
+          * The label text displayed in the tab button.
+         */
+        "tab": string;
+        /**
+          * Unique identifier for this tab panel.
+         */
+        "value": string;
+    }
+    /**
+     * A styled wrapper for native HTML tables. Consumers place standard
+     * `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements inside.
+     * Uses light DOM (no Shadow DOM) so nested table elements can be
+     * styled directly via the component's CSS.
+     */
+    interface TsTable {
+        /**
+          * Adds borders to all cells.
+          * @default false
+         */
+        "bordered"?: boolean;
+        /**
+          * Reduces cell padding for denser display.
+          * @default false
+         */
+        "compact"?: boolean;
+        /**
+          * Highlights rows on hover.
+          * @default false
+         */
+        "hoverable"?: boolean;
+        /**
+          * Makes the table header stick to the top on scroll.
+          * @default false
+         */
+        "stickyHeader"?: boolean;
+        /**
+          * Applies alternating row background colors.
+          * @default false
+         */
+        "striped"?: boolean;
+    }
+    interface TsTabs {
+        /**
+          * Emitted when the active tab changes.
+         */
+        "onTsChange"?: (event: TsTabsCustomEvent<{ value: string }>) => void;
+        /**
+          * The size of the tab buttons.
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+        /**
+          * The value of the currently active tab.
+         */
+        "value"?: string;
+        /**
+          * Visual variant of the tab bar.
+          * @default 'line'
+         */
+        "variant"?: 'line' | 'enclosed' | 'pill';
+    }
+    interface TsTextarea {
+        /**
+          * Renders the textarea as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Renders the textarea in an error state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error message displayed below the textarea.
+         */
+        "errorMessage"?: string;
+        /**
+          * Help text displayed below the textarea.
+         */
+        "helpText"?: string;
+        /**
+          * Label text displayed above the textarea.
+         */
+        "label"?: string;
+        /**
+          * Maximum character length.
+         */
+        "maxlength"?: number;
+        /**
+          * Name attribute for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the textarea loses focus.
+         */
+        "onTsBlur"?: (event: TsTextareaCustomEvent<void>) => void;
+        /**
+          * Emitted when the value changes (on blur / commit).
+         */
+        "onTsChange"?: (event: TsTextareaCustomEvent<TsChangeEventDetail<string>>) => void;
+        /**
+          * Emitted when the textarea gains focus.
+         */
+        "onTsFocus"?: (event: TsTextareaCustomEvent<void>) => void;
+        /**
+          * Emitted on every keystroke.
+         */
+        "onTsInput"?: (event: TsTextareaCustomEvent<TsChangeEventDetail<string>>) => void;
+        /**
+          * Placeholder text.
+         */
+        "placeholder"?: string;
+        /**
+          * Renders the textarea as readonly.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Makes the textarea required.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Resize behavior.
+          * @default 'vertical'
+         */
+        "resize"?: 'none' | 'vertical' | 'horizontal' | 'both';
+        /**
+          * Number of visible text rows.
+          * @default 3
+         */
+        "rows"?: number;
+        /**
+          * The textarea size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The textarea's value.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface TsToast {
+        /**
+          * Whether the toast shows a close button.
+          * @default true
+         */
+        "dismissible"?: boolean;
+        /**
+          * Auto-dismiss duration in ms. Set 0 to disable.
+          * @default 5000
+         */
+        "duration"?: number;
+        /**
+          * Emitted when the toast is dismissed.
+         */
+        "onTsClose"?: (event: TsToastCustomEvent<void>) => void;
+        /**
+          * Whether the toast is visible.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Position of the toast on screen.
+          * @default 'top-right'
+         */
+        "position"?: TsToastPosition;
+        /**
+          * The toast's visual variant.
+          * @default 'info'
+         */
+        "variant"?: TsToastVariant;
+    }
+    interface TsToggle {
+        /**
+          * Whether the toggle is checked.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Renders the toggle as disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Name for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the toggle state changes.
+         */
+        "onTsChange"?: (event: TsToggleCustomEvent<TsToggleEventDetail>) => void;
+        /**
+          * The toggle's size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * Value for form submission.
+         */
+        "value"?: string;
+    }
+    interface TsToolbar {
+        /**
+          * The toolbar size.
+          * @default 'md'
+         */
+        "size"?: TsSize;
+        /**
+          * The toolbar variant style.
+          * @default 'default'
+         */
+        "variant"?: 'default' | 'bordered' | 'elevated';
+    }
+    interface TsTooltip {
+        /**
+          * The tooltip text content.
+          * @default ''
+         */
+        "content"?: string;
+        /**
+          * Disables the tooltip.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Delay in ms before hiding the tooltip.
+          * @default 0
+         */
+        "hideDelay"?: number;
+        /**
+          * Placement of the tooltip relative to the trigger.
+          * @default 'top'
+         */
+        "placement"?: TsPlacement;
+        /**
+          * Delay in ms before showing the tooltip.
+          * @default 200
+         */
+        "showDelay"?: number;
+    }
+    interface TsTree {
+        /**
+          * Enable item selection mode.
+          * @default false
+         */
+        "selectable"?: boolean;
+    }
+    interface TsTreeItem {
+        /**
+          * Whether the item is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the item is expanded (has children).
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * Optional Lucide icon name.
+         */
+        "icon"?: string;
+        /**
+          * The item label.
+         */
+        "label"?: string;
+        /**
+          * Emitted when the item is selected.
+         */
+        "onTsSelect"?: (event: TsTreeItemCustomEvent<{ selected: boolean; value: string }>) => void;
+        /**
+          * Emitted when expand/collapse is toggled.
+         */
+        "onTsToggle"?: (event: TsTreeItemCustomEvent<{ expanded: boolean }>) => void;
+        /**
+          * Whether the item is selected.
+          * @default false
+         */
+        "selected"?: boolean;
+    }
+
+    interface TsAccordionAttributes {
+        "multiple": boolean;
+    }
+    interface TsAccordionItemAttributes {
+        "open": boolean;
+        "disabled": boolean;
+        "heading": string;
+    }
+    interface TsAlertAttributes {
+        "variant": TsVariant;
+        "closable": boolean;
+    }
+    interface TsAvatarAttributes {
+        "src": string;
+        "alt": string;
+        "name": string;
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        "variant": 'circle' | 'square';
+        "color": string;
+    }
+    interface TsBadgeAttributes {
+        "variant": TsVariant;
+        "size": TsSize;
+        "pill": boolean;
+        "dot": boolean;
+        "outline": boolean;
+    }
+    interface TsBannerAttributes {
+        "variant": TsVariant;
+        "dismissible": boolean;
+        "icon": string;
+        "sticky": boolean;
+    }
+    interface TsBreadcrumbAttributes {
+        "separator": string;
+    }
+    interface TsBreadcrumbItemAttributes {
+        "href": string;
+        "current": boolean;
+        "separator": string;
+    }
+    interface TsButtonAttributes {
+        "variant": TsVariant;
+        "appearance": TsAppearance;
+        "size": TsSize;
+        "disabled": boolean;
+        "loading": boolean;
+        "block": boolean;
+        "type": 'button' | 'submit' | 'reset';
+        "href": string;
+        "target": '_blank' | '_self' | '_parent' | '_top';
+    }
+    interface TsCardAttributes {
+        "elevation": 'none' | 'sm' | 'md' | 'lg' | 'xl';
+        "interactive": boolean;
+        "bordered": boolean;
+        "padding": 'none' | 'sm' | 'md' | 'lg';
+    }
+    interface TsCheckboxAttributes {
+        "checked": boolean;
+        "indeterminate": boolean;
+        "disabled": boolean;
+        "value": string;
+        "name": string;
+        "label": string;
+        "size": 'sm' | 'md' | 'lg';
+        "error": boolean;
+    }
+    interface TsChipAttributes {
+        "variant": TsVariant;
+        "size": TsSize;
+        "removable": boolean;
+        "disabled": boolean;
+        "selected": boolean;
+        "outline": boolean;
+    }
+    interface TsContainerAttributes {
+        "size": 'sm' | 'md' | 'lg' | 'xl' | 'full';
+        "padding": boolean;
+    }
+    interface TsDatePickerAttributes {
+        "value": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "min": string;
+        "max": string;
+        "label": string;
+        "error": boolean;
+        "errorMessage": string;
+        "size": 'sm' | 'md' | 'lg';
+        "name": string;
+    }
+    interface TsDialogAttributes {
+        "open": boolean;
+        "heading": string;
+        "size": 'sm' | 'md' | 'lg';
+        "dismissible": boolean;
+    }
+    interface TsDividerAttributes {
+        "orientation": 'horizontal' | 'vertical';
+        "variant": 'solid' | 'dashed' | 'dotted';
+        "label": string;
+    }
+    interface TsDrawerAttributes {
+        "open": boolean;
+        "placement": 'start' | 'end' | 'top' | 'bottom';
+        "size": 'sm' | 'md' | 'lg' | 'full';
+        "dismissible": boolean;
+        "heading": string;
+    }
+    interface TsEmptyStateAttributes {
+        "heading": string;
+        "description": string;
+        "icon": string;
+        "size": TsSize;
+    }
+    interface TsFileUploadAttributes {
+        "accept": string;
+        "multiple": boolean;
+        "maxSize": number;
+        "disabled": boolean;
+        "label": string;
+        "name": string;
+    }
+    interface TsGridAttributes {
+        "columns": string;
+        "gap": string;
+        "minColumnWidth": string;
+        "align": 'start' | 'center' | 'end' | 'stretch';
+    }
+    interface TsIconAttributes {
+        "name": string;
+        "src": string;
+        "size": TsSize;
+        "label": string;
+        "color": string;
+    }
+    interface TsInputAttributes {
+        "value": string;
+        "type": | 'text'
+    | 'email'
+    | 'password'
+    | 'number'
+    | 'tel'
+    | 'url'
+    | 'search';
+        "size": TsSize;
+        "label": string;
+        "placeholder": string;
+        "helpText": string;
+        "error": string;
+        "required": boolean;
+        "disabled": boolean;
+        "readonly": boolean;
+        "maxlength": number;
+        "minlength": number;
+        "pattern": string;
+        "autocomplete": string;
+        "name": string;
+    }
+    interface TsMenuAttributes {
+        "open": boolean;
+        "trigger": TsMenuTrigger;
+        "placement": TsMenuPlacement;
+    }
+    interface TsMenuItemAttributes {
+        "disabled": boolean;
+        "value": string;
+        "href": string;
+    }
+    interface TsModalAttributes {
+        "open": boolean;
+        "size": TsSize;
+        "label": string;
+        "closeOnOverlay": boolean;
+        "closeOnEscape": boolean;
+        "showClose": boolean;
+    }
+    interface TsNavAttributes {
+        "variant": 'sidebar' | 'horizontal';
+        "collapsed": boolean;
+    }
+    interface TsNavItemAttributes {
+        "href": string;
+        "active": boolean;
+        "disabled": boolean;
+        "icon": string;
+    }
+    interface TsPaginationAttributes {
+        "total": number;
+        "pageSize": number;
+        "currentPage": number;
+        "siblingCount": number;
+        "size": TsSize;
+    }
+    interface TsPopoverAttributes {
+        "open": boolean;
+        "placement": TsPopoverPlacement;
+        "trigger": 'click' | 'hover' | 'manual';
+        "dismissible": boolean;
+    }
+    interface TsProgressAttributes {
+        "value": number;
+        "max": number;
+        "variant": TsProgressVariant;
+        "size": TsSize;
+        "indeterminate": boolean;
+        "label": string;
+        "showValue": boolean;
+    }
+    interface TsRadioAttributes {
+        "checked": boolean;
+        "disabled": boolean;
+        "value": string;
+        "name": string;
+        "label": string;
+        "size": 'sm' | 'md' | 'lg';
+    }
+    interface TsRowAttributes {
+        "gap": string;
+        "align": 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+        "justify": 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+        "wrap": boolean;
+        "reverse": boolean;
+        "stackAt": 'sm' | 'md' | 'lg' | 'never';
+    }
+    interface TsSelectAttributes {
+        "value": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "size": TsSize;
+        "label": string;
+        "helpText": string;
+        "error": boolean;
+        "errorMessage": string;
+        "required": boolean;
+        "name": string;
+        "multiple": boolean;
+    }
+    interface TsSkeletonAttributes {
+        "variant": 'text' | 'circular' | 'rectangular';
+        "width": string;
+        "height": string;
+        "lines": number;
+        "animation": 'pulse' | 'wave' | 'none';
+    }
+    interface TsSliderAttributes {
+        "value": number;
+        "min": number;
+        "max": number;
+        "step": number;
+        "disabled": boolean;
+        "label": string;
+        "showValue": boolean;
+        "size": TsSize;
+    }
+    interface TsSpacerAttributes {
+        "size": string;
+        "axis": 'vertical' | 'horizontal';
+    }
+    interface TsSpinnerAttributes {
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        "color": string;
+        "label": string;
+    }
+    interface TsStackAttributes {
+        "gap": string;
+        "align": 'start' | 'center' | 'end' | 'stretch';
+    }
+    interface TsStepAttributes {
+        "label": string;
+        "description": string;
+        "completed": boolean;
+        "error": boolean;
+        "disabled": boolean;
+        "icon": string;
+    }
+    interface TsStepperAttributes {
+        "activeStep": number;
+        "orientation": 'horizontal' | 'vertical';
+        "linear": boolean;
+    }
+    interface TsSwitchGroupAttributes {
+        "value": string;
+        "size": TsSize;
+        "disabled": boolean;
+        "fullWidth": boolean;
+    }
+    interface TsSwitchOptionAttributes {
+        "value": string;
+        "disabled": boolean;
+        "icon": string;
+        "active": boolean;
+    }
+    interface TsTabPanelAttributes {
+        "tab": string;
+        "value": string;
+        "disabled": boolean;
+        "icon": string;
+    }
+    interface TsTableAttributes {
+        "striped": boolean;
+        "bordered": boolean;
+        "hoverable": boolean;
+        "compact": boolean;
+        "stickyHeader": boolean;
+    }
+    interface TsTabsAttributes {
+        "value": string;
+        "variant": 'line' | 'enclosed' | 'pill';
+        "size": 'sm' | 'md' | 'lg';
+    }
+    interface TsTextareaAttributes {
+        "value": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "readonly": boolean;
+        "size": TsSize;
+        "label": string;
+        "helpText": string;
+        "error": boolean;
+        "errorMessage": string;
+        "required": boolean;
+        "name": string;
+        "rows": number;
+        "resize": 'none' | 'vertical' | 'horizontal' | 'both';
+        "maxlength": number;
+    }
+    interface TsToastAttributes {
+        "variant": TsToastVariant;
+        "duration": number;
+        "dismissible": boolean;
+        "open": boolean;
+        "position": TsToastPosition;
+    }
+    interface TsToggleAttributes {
+        "checked": boolean;
+        "size": TsSize;
+        "disabled": boolean;
+        "name": string;
+        "value": string;
+    }
+    interface TsToolbarAttributes {
+        "variant": 'default' | 'bordered' | 'elevated';
+        "size": TsSize;
+    }
+    interface TsTooltipAttributes {
+        "content": string;
+        "placement": TsPlacement;
+        "showDelay": number;
+        "hideDelay": number;
+        "disabled": boolean;
+    }
+    interface TsTreeAttributes {
+        "selectable": boolean;
+    }
+    interface TsTreeItemAttributes {
+        "label": string;
+        "expanded": boolean;
+        "selected": boolean;
+        "disabled": boolean;
+        "icon": string;
+    }
+
+    interface IntrinsicElements {
+        "ts-accordion": Omit<TsAccordion, keyof TsAccordionAttributes> & { [K in keyof TsAccordion & keyof TsAccordionAttributes]?: TsAccordion[K] } & { [K in keyof TsAccordion & keyof TsAccordionAttributes as `attr:${K}`]?: TsAccordionAttributes[K] } & { [K in keyof TsAccordion & keyof TsAccordionAttributes as `prop:${K}`]?: TsAccordion[K] };
+        "ts-accordion-item": Omit<TsAccordionItem, keyof TsAccordionItemAttributes> & { [K in keyof TsAccordionItem & keyof TsAccordionItemAttributes]?: TsAccordionItem[K] } & { [K in keyof TsAccordionItem & keyof TsAccordionItemAttributes as `attr:${K}`]?: TsAccordionItemAttributes[K] } & { [K in keyof TsAccordionItem & keyof TsAccordionItemAttributes as `prop:${K}`]?: TsAccordionItem[K] };
+        "ts-alert": Omit<TsAlert, keyof TsAlertAttributes> & { [K in keyof TsAlert & keyof TsAlertAttributes]?: TsAlert[K] } & { [K in keyof TsAlert & keyof TsAlertAttributes as `attr:${K}`]?: TsAlertAttributes[K] } & { [K in keyof TsAlert & keyof TsAlertAttributes as `prop:${K}`]?: TsAlert[K] };
+        "ts-avatar": Omit<TsAvatar, keyof TsAvatarAttributes> & { [K in keyof TsAvatar & keyof TsAvatarAttributes]?: TsAvatar[K] } & { [K in keyof TsAvatar & keyof TsAvatarAttributes as `attr:${K}`]?: TsAvatarAttributes[K] } & { [K in keyof TsAvatar & keyof TsAvatarAttributes as `prop:${K}`]?: TsAvatar[K] };
+        "ts-badge": Omit<TsBadge, keyof TsBadgeAttributes> & { [K in keyof TsBadge & keyof TsBadgeAttributes]?: TsBadge[K] } & { [K in keyof TsBadge & keyof TsBadgeAttributes as `attr:${K}`]?: TsBadgeAttributes[K] } & { [K in keyof TsBadge & keyof TsBadgeAttributes as `prop:${K}`]?: TsBadge[K] };
+        "ts-banner": Omit<TsBanner, keyof TsBannerAttributes> & { [K in keyof TsBanner & keyof TsBannerAttributes]?: TsBanner[K] } & { [K in keyof TsBanner & keyof TsBannerAttributes as `attr:${K}`]?: TsBannerAttributes[K] } & { [K in keyof TsBanner & keyof TsBannerAttributes as `prop:${K}`]?: TsBanner[K] };
+        "ts-breadcrumb": Omit<TsBreadcrumb, keyof TsBreadcrumbAttributes> & { [K in keyof TsBreadcrumb & keyof TsBreadcrumbAttributes]?: TsBreadcrumb[K] } & { [K in keyof TsBreadcrumb & keyof TsBreadcrumbAttributes as `attr:${K}`]?: TsBreadcrumbAttributes[K] } & { [K in keyof TsBreadcrumb & keyof TsBreadcrumbAttributes as `prop:${K}`]?: TsBreadcrumb[K] };
+        "ts-breadcrumb-item": Omit<TsBreadcrumbItem, keyof TsBreadcrumbItemAttributes> & { [K in keyof TsBreadcrumbItem & keyof TsBreadcrumbItemAttributes]?: TsBreadcrumbItem[K] } & { [K in keyof TsBreadcrumbItem & keyof TsBreadcrumbItemAttributes as `attr:${K}`]?: TsBreadcrumbItemAttributes[K] } & { [K in keyof TsBreadcrumbItem & keyof TsBreadcrumbItemAttributes as `prop:${K}`]?: TsBreadcrumbItem[K] };
+        "ts-button": Omit<TsButton, keyof TsButtonAttributes> & { [K in keyof TsButton & keyof TsButtonAttributes]?: TsButton[K] } & { [K in keyof TsButton & keyof TsButtonAttributes as `attr:${K}`]?: TsButtonAttributes[K] } & { [K in keyof TsButton & keyof TsButtonAttributes as `prop:${K}`]?: TsButton[K] };
+        "ts-card": Omit<TsCard, keyof TsCardAttributes> & { [K in keyof TsCard & keyof TsCardAttributes]?: TsCard[K] } & { [K in keyof TsCard & keyof TsCardAttributes as `attr:${K}`]?: TsCardAttributes[K] } & { [K in keyof TsCard & keyof TsCardAttributes as `prop:${K}`]?: TsCard[K] };
+        "ts-checkbox": Omit<TsCheckbox, keyof TsCheckboxAttributes> & { [K in keyof TsCheckbox & keyof TsCheckboxAttributes]?: TsCheckbox[K] } & { [K in keyof TsCheckbox & keyof TsCheckboxAttributes as `attr:${K}`]?: TsCheckboxAttributes[K] } & { [K in keyof TsCheckbox & keyof TsCheckboxAttributes as `prop:${K}`]?: TsCheckbox[K] };
+        "ts-chip": Omit<TsChip, keyof TsChipAttributes> & { [K in keyof TsChip & keyof TsChipAttributes]?: TsChip[K] } & { [K in keyof TsChip & keyof TsChipAttributes as `attr:${K}`]?: TsChipAttributes[K] } & { [K in keyof TsChip & keyof TsChipAttributes as `prop:${K}`]?: TsChip[K] };
+        "ts-container": Omit<TsContainer, keyof TsContainerAttributes> & { [K in keyof TsContainer & keyof TsContainerAttributes]?: TsContainer[K] } & { [K in keyof TsContainer & keyof TsContainerAttributes as `attr:${K}`]?: TsContainerAttributes[K] } & { [K in keyof TsContainer & keyof TsContainerAttributes as `prop:${K}`]?: TsContainer[K] };
+        "ts-date-picker": Omit<TsDatePicker, keyof TsDatePickerAttributes> & { [K in keyof TsDatePicker & keyof TsDatePickerAttributes]?: TsDatePicker[K] } & { [K in keyof TsDatePicker & keyof TsDatePickerAttributes as `attr:${K}`]?: TsDatePickerAttributes[K] } & { [K in keyof TsDatePicker & keyof TsDatePickerAttributes as `prop:${K}`]?: TsDatePicker[K] };
+        "ts-dialog": Omit<TsDialog, keyof TsDialogAttributes> & { [K in keyof TsDialog & keyof TsDialogAttributes]?: TsDialog[K] } & { [K in keyof TsDialog & keyof TsDialogAttributes as `attr:${K}`]?: TsDialogAttributes[K] } & { [K in keyof TsDialog & keyof TsDialogAttributes as `prop:${K}`]?: TsDialog[K] };
+        "ts-divider": Omit<TsDivider, keyof TsDividerAttributes> & { [K in keyof TsDivider & keyof TsDividerAttributes]?: TsDivider[K] } & { [K in keyof TsDivider & keyof TsDividerAttributes as `attr:${K}`]?: TsDividerAttributes[K] } & { [K in keyof TsDivider & keyof TsDividerAttributes as `prop:${K}`]?: TsDivider[K] };
+        "ts-drawer": Omit<TsDrawer, keyof TsDrawerAttributes> & { [K in keyof TsDrawer & keyof TsDrawerAttributes]?: TsDrawer[K] } & { [K in keyof TsDrawer & keyof TsDrawerAttributes as `attr:${K}`]?: TsDrawerAttributes[K] } & { [K in keyof TsDrawer & keyof TsDrawerAttributes as `prop:${K}`]?: TsDrawer[K] };
+        "ts-empty-state": Omit<TsEmptyState, keyof TsEmptyStateAttributes> & { [K in keyof TsEmptyState & keyof TsEmptyStateAttributes]?: TsEmptyState[K] } & { [K in keyof TsEmptyState & keyof TsEmptyStateAttributes as `attr:${K}`]?: TsEmptyStateAttributes[K] } & { [K in keyof TsEmptyState & keyof TsEmptyStateAttributes as `prop:${K}`]?: TsEmptyState[K] };
+        "ts-file-upload": Omit<TsFileUpload, keyof TsFileUploadAttributes> & { [K in keyof TsFileUpload & keyof TsFileUploadAttributes]?: TsFileUpload[K] } & { [K in keyof TsFileUpload & keyof TsFileUploadAttributes as `attr:${K}`]?: TsFileUploadAttributes[K] } & { [K in keyof TsFileUpload & keyof TsFileUploadAttributes as `prop:${K}`]?: TsFileUpload[K] };
+        "ts-grid": Omit<TsGrid, keyof TsGridAttributes> & { [K in keyof TsGrid & keyof TsGridAttributes]?: TsGrid[K] } & { [K in keyof TsGrid & keyof TsGridAttributes as `attr:${K}`]?: TsGridAttributes[K] } & { [K in keyof TsGrid & keyof TsGridAttributes as `prop:${K}`]?: TsGrid[K] };
+        "ts-icon": Omit<TsIcon, keyof TsIconAttributes> & { [K in keyof TsIcon & keyof TsIconAttributes]?: TsIcon[K] } & { [K in keyof TsIcon & keyof TsIconAttributes as `attr:${K}`]?: TsIconAttributes[K] } & { [K in keyof TsIcon & keyof TsIconAttributes as `prop:${K}`]?: TsIcon[K] };
+        "ts-input": Omit<TsInput, keyof TsInputAttributes> & { [K in keyof TsInput & keyof TsInputAttributes]?: TsInput[K] } & { [K in keyof TsInput & keyof TsInputAttributes as `attr:${K}`]?: TsInputAttributes[K] } & { [K in keyof TsInput & keyof TsInputAttributes as `prop:${K}`]?: TsInput[K] };
+        "ts-menu": Omit<TsMenu, keyof TsMenuAttributes> & { [K in keyof TsMenu & keyof TsMenuAttributes]?: TsMenu[K] } & { [K in keyof TsMenu & keyof TsMenuAttributes as `attr:${K}`]?: TsMenuAttributes[K] } & { [K in keyof TsMenu & keyof TsMenuAttributes as `prop:${K}`]?: TsMenu[K] };
+        "ts-menu-item": Omit<TsMenuItem, keyof TsMenuItemAttributes> & { [K in keyof TsMenuItem & keyof TsMenuItemAttributes]?: TsMenuItem[K] } & { [K in keyof TsMenuItem & keyof TsMenuItemAttributes as `attr:${K}`]?: TsMenuItemAttributes[K] } & { [K in keyof TsMenuItem & keyof TsMenuItemAttributes as `prop:${K}`]?: TsMenuItem[K] };
+        "ts-modal": Omit<TsModal, keyof TsModalAttributes> & { [K in keyof TsModal & keyof TsModalAttributes]?: TsModal[K] } & { [K in keyof TsModal & keyof TsModalAttributes as `attr:${K}`]?: TsModalAttributes[K] } & { [K in keyof TsModal & keyof TsModalAttributes as `prop:${K}`]?: TsModal[K] };
+        "ts-nav": Omit<TsNav, keyof TsNavAttributes> & { [K in keyof TsNav & keyof TsNavAttributes]?: TsNav[K] } & { [K in keyof TsNav & keyof TsNavAttributes as `attr:${K}`]?: TsNavAttributes[K] } & { [K in keyof TsNav & keyof TsNavAttributes as `prop:${K}`]?: TsNav[K] };
+        "ts-nav-item": Omit<TsNavItem, keyof TsNavItemAttributes> & { [K in keyof TsNavItem & keyof TsNavItemAttributes]?: TsNavItem[K] } & { [K in keyof TsNavItem & keyof TsNavItemAttributes as `attr:${K}`]?: TsNavItemAttributes[K] } & { [K in keyof TsNavItem & keyof TsNavItemAttributes as `prop:${K}`]?: TsNavItem[K] };
+        "ts-pagination": Omit<TsPagination, keyof TsPaginationAttributes> & { [K in keyof TsPagination & keyof TsPaginationAttributes]?: TsPagination[K] } & { [K in keyof TsPagination & keyof TsPaginationAttributes as `attr:${K}`]?: TsPaginationAttributes[K] } & { [K in keyof TsPagination & keyof TsPaginationAttributes as `prop:${K}`]?: TsPagination[K] } & OneOf<"total", TsPagination["total"], TsPaginationAttributes["total"]>;
+        "ts-popover": Omit<TsPopover, keyof TsPopoverAttributes> & { [K in keyof TsPopover & keyof TsPopoverAttributes]?: TsPopover[K] } & { [K in keyof TsPopover & keyof TsPopoverAttributes as `attr:${K}`]?: TsPopoverAttributes[K] } & { [K in keyof TsPopover & keyof TsPopoverAttributes as `prop:${K}`]?: TsPopover[K] };
+        "ts-progress": Omit<TsProgress, keyof TsProgressAttributes> & { [K in keyof TsProgress & keyof TsProgressAttributes]?: TsProgress[K] } & { [K in keyof TsProgress & keyof TsProgressAttributes as `attr:${K}`]?: TsProgressAttributes[K] } & { [K in keyof TsProgress & keyof TsProgressAttributes as `prop:${K}`]?: TsProgress[K] };
+        "ts-radio": Omit<TsRadio, keyof TsRadioAttributes> & { [K in keyof TsRadio & keyof TsRadioAttributes]?: TsRadio[K] } & { [K in keyof TsRadio & keyof TsRadioAttributes as `attr:${K}`]?: TsRadioAttributes[K] } & { [K in keyof TsRadio & keyof TsRadioAttributes as `prop:${K}`]?: TsRadio[K] };
+        "ts-row": Omit<TsRow, keyof TsRowAttributes> & { [K in keyof TsRow & keyof TsRowAttributes]?: TsRow[K] } & { [K in keyof TsRow & keyof TsRowAttributes as `attr:${K}`]?: TsRowAttributes[K] } & { [K in keyof TsRow & keyof TsRowAttributes as `prop:${K}`]?: TsRow[K] };
+        "ts-select": Omit<TsSelect, keyof TsSelectAttributes> & { [K in keyof TsSelect & keyof TsSelectAttributes]?: TsSelect[K] } & { [K in keyof TsSelect & keyof TsSelectAttributes as `attr:${K}`]?: TsSelectAttributes[K] } & { [K in keyof TsSelect & keyof TsSelectAttributes as `prop:${K}`]?: TsSelect[K] };
+        "ts-skeleton": Omit<TsSkeleton, keyof TsSkeletonAttributes> & { [K in keyof TsSkeleton & keyof TsSkeletonAttributes]?: TsSkeleton[K] } & { [K in keyof TsSkeleton & keyof TsSkeletonAttributes as `attr:${K}`]?: TsSkeletonAttributes[K] } & { [K in keyof TsSkeleton & keyof TsSkeletonAttributes as `prop:${K}`]?: TsSkeleton[K] };
+        "ts-slider": Omit<TsSlider, keyof TsSliderAttributes> & { [K in keyof TsSlider & keyof TsSliderAttributes]?: TsSlider[K] } & { [K in keyof TsSlider & keyof TsSliderAttributes as `attr:${K}`]?: TsSliderAttributes[K] } & { [K in keyof TsSlider & keyof TsSliderAttributes as `prop:${K}`]?: TsSlider[K] };
+        "ts-spacer": Omit<TsSpacer, keyof TsSpacerAttributes> & { [K in keyof TsSpacer & keyof TsSpacerAttributes]?: TsSpacer[K] } & { [K in keyof TsSpacer & keyof TsSpacerAttributes as `attr:${K}`]?: TsSpacerAttributes[K] } & { [K in keyof TsSpacer & keyof TsSpacerAttributes as `prop:${K}`]?: TsSpacer[K] };
+        "ts-spinner": Omit<TsSpinner, keyof TsSpinnerAttributes> & { [K in keyof TsSpinner & keyof TsSpinnerAttributes]?: TsSpinner[K] } & { [K in keyof TsSpinner & keyof TsSpinnerAttributes as `attr:${K}`]?: TsSpinnerAttributes[K] } & { [K in keyof TsSpinner & keyof TsSpinnerAttributes as `prop:${K}`]?: TsSpinner[K] };
+        "ts-stack": Omit<TsStack, keyof TsStackAttributes> & { [K in keyof TsStack & keyof TsStackAttributes]?: TsStack[K] } & { [K in keyof TsStack & keyof TsStackAttributes as `attr:${K}`]?: TsStackAttributes[K] } & { [K in keyof TsStack & keyof TsStackAttributes as `prop:${K}`]?: TsStack[K] };
+        "ts-step": Omit<TsStep, keyof TsStepAttributes> & { [K in keyof TsStep & keyof TsStepAttributes]?: TsStep[K] } & { [K in keyof TsStep & keyof TsStepAttributes as `attr:${K}`]?: TsStepAttributes[K] } & { [K in keyof TsStep & keyof TsStepAttributes as `prop:${K}`]?: TsStep[K] };
+        "ts-stepper": Omit<TsStepper, keyof TsStepperAttributes> & { [K in keyof TsStepper & keyof TsStepperAttributes]?: TsStepper[K] } & { [K in keyof TsStepper & keyof TsStepperAttributes as `attr:${K}`]?: TsStepperAttributes[K] } & { [K in keyof TsStepper & keyof TsStepperAttributes as `prop:${K}`]?: TsStepper[K] };
+        "ts-switch-group": Omit<TsSwitchGroup, keyof TsSwitchGroupAttributes> & { [K in keyof TsSwitchGroup & keyof TsSwitchGroupAttributes]?: TsSwitchGroup[K] } & { [K in keyof TsSwitchGroup & keyof TsSwitchGroupAttributes as `attr:${K}`]?: TsSwitchGroupAttributes[K] } & { [K in keyof TsSwitchGroup & keyof TsSwitchGroupAttributes as `prop:${K}`]?: TsSwitchGroup[K] };
+        "ts-switch-option": Omit<TsSwitchOption, keyof TsSwitchOptionAttributes> & { [K in keyof TsSwitchOption & keyof TsSwitchOptionAttributes]?: TsSwitchOption[K] } & { [K in keyof TsSwitchOption & keyof TsSwitchOptionAttributes as `attr:${K}`]?: TsSwitchOptionAttributes[K] } & { [K in keyof TsSwitchOption & keyof TsSwitchOptionAttributes as `prop:${K}`]?: TsSwitchOption[K] };
+        "ts-tab-panel": Omit<TsTabPanel, keyof TsTabPanelAttributes> & { [K in keyof TsTabPanel & keyof TsTabPanelAttributes]?: TsTabPanel[K] } & { [K in keyof TsTabPanel & keyof TsTabPanelAttributes as `attr:${K}`]?: TsTabPanelAttributes[K] } & { [K in keyof TsTabPanel & keyof TsTabPanelAttributes as `prop:${K}`]?: TsTabPanel[K] } & OneOf<"tab", TsTabPanel["tab"], TsTabPanelAttributes["tab"]> & OneOf<"value", TsTabPanel["value"], TsTabPanelAttributes["value"]>;
+        "ts-table": Omit<TsTable, keyof TsTableAttributes> & { [K in keyof TsTable & keyof TsTableAttributes]?: TsTable[K] } & { [K in keyof TsTable & keyof TsTableAttributes as `attr:${K}`]?: TsTableAttributes[K] } & { [K in keyof TsTable & keyof TsTableAttributes as `prop:${K}`]?: TsTable[K] };
+        "ts-tabs": Omit<TsTabs, keyof TsTabsAttributes> & { [K in keyof TsTabs & keyof TsTabsAttributes]?: TsTabs[K] } & { [K in keyof TsTabs & keyof TsTabsAttributes as `attr:${K}`]?: TsTabsAttributes[K] } & { [K in keyof TsTabs & keyof TsTabsAttributes as `prop:${K}`]?: TsTabs[K] };
+        "ts-textarea": Omit<TsTextarea, keyof TsTextareaAttributes> & { [K in keyof TsTextarea & keyof TsTextareaAttributes]?: TsTextarea[K] } & { [K in keyof TsTextarea & keyof TsTextareaAttributes as `attr:${K}`]?: TsTextareaAttributes[K] } & { [K in keyof TsTextarea & keyof TsTextareaAttributes as `prop:${K}`]?: TsTextarea[K] };
+        "ts-toast": Omit<TsToast, keyof TsToastAttributes> & { [K in keyof TsToast & keyof TsToastAttributes]?: TsToast[K] } & { [K in keyof TsToast & keyof TsToastAttributes as `attr:${K}`]?: TsToastAttributes[K] } & { [K in keyof TsToast & keyof TsToastAttributes as `prop:${K}`]?: TsToast[K] };
+        "ts-toggle": Omit<TsToggle, keyof TsToggleAttributes> & { [K in keyof TsToggle & keyof TsToggleAttributes]?: TsToggle[K] } & { [K in keyof TsToggle & keyof TsToggleAttributes as `attr:${K}`]?: TsToggleAttributes[K] } & { [K in keyof TsToggle & keyof TsToggleAttributes as `prop:${K}`]?: TsToggle[K] };
+        "ts-toolbar": Omit<TsToolbar, keyof TsToolbarAttributes> & { [K in keyof TsToolbar & keyof TsToolbarAttributes]?: TsToolbar[K] } & { [K in keyof TsToolbar & keyof TsToolbarAttributes as `attr:${K}`]?: TsToolbarAttributes[K] } & { [K in keyof TsToolbar & keyof TsToolbarAttributes as `prop:${K}`]?: TsToolbar[K] };
+        "ts-tooltip": Omit<TsTooltip, keyof TsTooltipAttributes> & { [K in keyof TsTooltip & keyof TsTooltipAttributes]?: TsTooltip[K] } & { [K in keyof TsTooltip & keyof TsTooltipAttributes as `attr:${K}`]?: TsTooltipAttributes[K] } & { [K in keyof TsTooltip & keyof TsTooltipAttributes as `prop:${K}`]?: TsTooltip[K] };
+        "ts-tree": Omit<TsTree, keyof TsTreeAttributes> & { [K in keyof TsTree & keyof TsTreeAttributes]?: TsTree[K] } & { [K in keyof TsTree & keyof TsTreeAttributes as `attr:${K}`]?: TsTreeAttributes[K] } & { [K in keyof TsTree & keyof TsTreeAttributes as `prop:${K}`]?: TsTree[K] };
+        "ts-tree-item": Omit<TsTreeItem, keyof TsTreeItemAttributes> & { [K in keyof TsTreeItem & keyof TsTreeItemAttributes]?: TsTreeItem[K] } & { [K in keyof TsTreeItem & keyof TsTreeItemAttributes as `attr:${K}`]?: TsTreeItemAttributes[K] } & { [K in keyof TsTreeItem & keyof TsTreeItemAttributes as `prop:${K}`]?: TsTreeItem[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "ts-accordion": LocalJSX.IntrinsicElements["ts-accordion"] & JSXBase.HTMLAttributes<HTMLTsAccordionElement>;
+            "ts-accordion-item": LocalJSX.IntrinsicElements["ts-accordion-item"] & JSXBase.HTMLAttributes<HTMLTsAccordionItemElement>;
+            "ts-alert": LocalJSX.IntrinsicElements["ts-alert"] & JSXBase.HTMLAttributes<HTMLTsAlertElement>;
+            "ts-avatar": LocalJSX.IntrinsicElements["ts-avatar"] & JSXBase.HTMLAttributes<HTMLTsAvatarElement>;
+            "ts-badge": LocalJSX.IntrinsicElements["ts-badge"] & JSXBase.HTMLAttributes<HTMLTsBadgeElement>;
+            "ts-banner": LocalJSX.IntrinsicElements["ts-banner"] & JSXBase.HTMLAttributes<HTMLTsBannerElement>;
+            "ts-breadcrumb": LocalJSX.IntrinsicElements["ts-breadcrumb"] & JSXBase.HTMLAttributes<HTMLTsBreadcrumbElement>;
+            "ts-breadcrumb-item": LocalJSX.IntrinsicElements["ts-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLTsBreadcrumbItemElement>;
+            "ts-button": LocalJSX.IntrinsicElements["ts-button"] & JSXBase.HTMLAttributes<HTMLTsButtonElement>;
+            "ts-card": LocalJSX.IntrinsicElements["ts-card"] & JSXBase.HTMLAttributes<HTMLTsCardElement>;
+            "ts-checkbox": LocalJSX.IntrinsicElements["ts-checkbox"] & JSXBase.HTMLAttributes<HTMLTsCheckboxElement>;
+            "ts-chip": LocalJSX.IntrinsicElements["ts-chip"] & JSXBase.HTMLAttributes<HTMLTsChipElement>;
+            "ts-container": LocalJSX.IntrinsicElements["ts-container"] & JSXBase.HTMLAttributes<HTMLTsContainerElement>;
+            "ts-date-picker": LocalJSX.IntrinsicElements["ts-date-picker"] & JSXBase.HTMLAttributes<HTMLTsDatePickerElement>;
+            "ts-dialog": LocalJSX.IntrinsicElements["ts-dialog"] & JSXBase.HTMLAttributes<HTMLTsDialogElement>;
+            "ts-divider": LocalJSX.IntrinsicElements["ts-divider"] & JSXBase.HTMLAttributes<HTMLTsDividerElement>;
+            "ts-drawer": LocalJSX.IntrinsicElements["ts-drawer"] & JSXBase.HTMLAttributes<HTMLTsDrawerElement>;
+            "ts-empty-state": LocalJSX.IntrinsicElements["ts-empty-state"] & JSXBase.HTMLAttributes<HTMLTsEmptyStateElement>;
+            "ts-file-upload": LocalJSX.IntrinsicElements["ts-file-upload"] & JSXBase.HTMLAttributes<HTMLTsFileUploadElement>;
+            "ts-grid": LocalJSX.IntrinsicElements["ts-grid"] & JSXBase.HTMLAttributes<HTMLTsGridElement>;
+            "ts-icon": LocalJSX.IntrinsicElements["ts-icon"] & JSXBase.HTMLAttributes<HTMLTsIconElement>;
+            "ts-input": LocalJSX.IntrinsicElements["ts-input"] & JSXBase.HTMLAttributes<HTMLTsInputElement>;
+            "ts-menu": LocalJSX.IntrinsicElements["ts-menu"] & JSXBase.HTMLAttributes<HTMLTsMenuElement>;
+            "ts-menu-item": LocalJSX.IntrinsicElements["ts-menu-item"] & JSXBase.HTMLAttributes<HTMLTsMenuItemElement>;
+            "ts-modal": LocalJSX.IntrinsicElements["ts-modal"] & JSXBase.HTMLAttributes<HTMLTsModalElement>;
+            "ts-nav": LocalJSX.IntrinsicElements["ts-nav"] & JSXBase.HTMLAttributes<HTMLTsNavElement>;
+            "ts-nav-item": LocalJSX.IntrinsicElements["ts-nav-item"] & JSXBase.HTMLAttributes<HTMLTsNavItemElement>;
+            "ts-pagination": LocalJSX.IntrinsicElements["ts-pagination"] & JSXBase.HTMLAttributes<HTMLTsPaginationElement>;
+            "ts-popover": LocalJSX.IntrinsicElements["ts-popover"] & JSXBase.HTMLAttributes<HTMLTsPopoverElement>;
+            "ts-progress": LocalJSX.IntrinsicElements["ts-progress"] & JSXBase.HTMLAttributes<HTMLTsProgressElement>;
+            "ts-radio": LocalJSX.IntrinsicElements["ts-radio"] & JSXBase.HTMLAttributes<HTMLTsRadioElement>;
+            "ts-row": LocalJSX.IntrinsicElements["ts-row"] & JSXBase.HTMLAttributes<HTMLTsRowElement>;
+            "ts-select": LocalJSX.IntrinsicElements["ts-select"] & JSXBase.HTMLAttributes<HTMLTsSelectElement>;
+            "ts-skeleton": LocalJSX.IntrinsicElements["ts-skeleton"] & JSXBase.HTMLAttributes<HTMLTsSkeletonElement>;
+            "ts-slider": LocalJSX.IntrinsicElements["ts-slider"] & JSXBase.HTMLAttributes<HTMLTsSliderElement>;
+            /**
+             * An explicit spacing element for adding vertical or horizontal space.
+             */
+            "ts-spacer": LocalJSX.IntrinsicElements["ts-spacer"] & JSXBase.HTMLAttributes<HTMLTsSpacerElement>;
+            "ts-spinner": LocalJSX.IntrinsicElements["ts-spinner"] & JSXBase.HTMLAttributes<HTMLTsSpinnerElement>;
+            "ts-stack": LocalJSX.IntrinsicElements["ts-stack"] & JSXBase.HTMLAttributes<HTMLTsStackElement>;
+            "ts-step": LocalJSX.IntrinsicElements["ts-step"] & JSXBase.HTMLAttributes<HTMLTsStepElement>;
+            "ts-stepper": LocalJSX.IntrinsicElements["ts-stepper"] & JSXBase.HTMLAttributes<HTMLTsStepperElement>;
+            "ts-switch-group": LocalJSX.IntrinsicElements["ts-switch-group"] & JSXBase.HTMLAttributes<HTMLTsSwitchGroupElement>;
+            "ts-switch-option": LocalJSX.IntrinsicElements["ts-switch-option"] & JSXBase.HTMLAttributes<HTMLTsSwitchOptionElement>;
+            "ts-tab-panel": LocalJSX.IntrinsicElements["ts-tab-panel"] & JSXBase.HTMLAttributes<HTMLTsTabPanelElement>;
+            /**
+             * A styled wrapper for native HTML tables. Consumers place standard
+             * `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements inside.
+             * Uses light DOM (no Shadow DOM) so nested table elements can be
+             * styled directly via the component's CSS.
+             */
+            "ts-table": LocalJSX.IntrinsicElements["ts-table"] & JSXBase.HTMLAttributes<HTMLTsTableElement>;
+            "ts-tabs": LocalJSX.IntrinsicElements["ts-tabs"] & JSXBase.HTMLAttributes<HTMLTsTabsElement>;
+            "ts-textarea": LocalJSX.IntrinsicElements["ts-textarea"] & JSXBase.HTMLAttributes<HTMLTsTextareaElement>;
+            "ts-toast": LocalJSX.IntrinsicElements["ts-toast"] & JSXBase.HTMLAttributes<HTMLTsToastElement>;
+            "ts-toggle": LocalJSX.IntrinsicElements["ts-toggle"] & JSXBase.HTMLAttributes<HTMLTsToggleElement>;
+            "ts-toolbar": LocalJSX.IntrinsicElements["ts-toolbar"] & JSXBase.HTMLAttributes<HTMLTsToolbarElement>;
+            "ts-tooltip": LocalJSX.IntrinsicElements["ts-tooltip"] & JSXBase.HTMLAttributes<HTMLTsTooltipElement>;
+            "ts-tree": LocalJSX.IntrinsicElements["ts-tree"] & JSXBase.HTMLAttributes<HTMLTsTreeElement>;
+            "ts-tree-item": LocalJSX.IntrinsicElements["ts-tree-item"] & JSXBase.HTMLAttributes<HTMLTsTreeItemElement>;
+        }
+    }
+}