atomicuilibrary 0.0.1 → 0.1.0

package/dist/types/components.d.ts

@@ -681,10 +681,15 @@ export namespace Components {
         "theme": 'default' | 'glass' | 'radiant';
         "toggleItemById": (itemId: string) => Promise<void>;
         /**
-          * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' Use 'card' or 'card-list' for a separated card layout with icon pills and a right-chevron. Use 'headline' for a minimalist, high-impact typography-first layout.
+          * Toggle icon style: 'chevron' | 'plus-minus'
+          * @default 'chevron'
+         */
+        "toggleStyle": 'chevron' | 'plus-minus';
+        /**
+          * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic' Use 'card' or 'card-list' for a separated card layout with icon pills and a right-chevron. Use 'headline' for a minimalist, high-impact typography-first layout. Use 'boxed' for dark individual cards with glowing yellow action badges. Use 'minimal' for border-bottom separators and clean typography. Use 'left-toggle' for a left plus-minus toggle structure. Use 'iconic' for custom left status/brand icons with micro plus-minus toggles.
           * @default 'default'
          */
-        "variant": 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline';
+        "variant": 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic';
     }
     interface UiAdvancedDataTable {
         /**
@@ -1663,7 +1668,7 @@ export namespace Components {
         "toggleShortcut": string;
         /**
           * Animation transition duration (e.g. '0.3s' or '500ms')
-          * @default '1s'
+          * @default '0.3s'
          */
         "transitionDuration": string;
         /**
@@ -2299,6 +2304,22 @@ export namespace Components {
           * Text to copy to clipboard when clicked. Shows feedback icon.
          */
         "copyValue"?: string;
+        /**
+          * Counter badge content (inline right side of text)
+         */
+        "counter"?: string | number;
+        /**
+          * Counter badge color variant (primary, success, danger, etc.)
+         */
+        "counterColor"?: StatusColor1;
+        /**
+          * Custom background color for the counter badge
+         */
+        "counterCustomColor"?: string;
+        /**
+          * Custom text color for the counter badge
+         */
+        "counterCustomTextColor"?: string;
         /**
           * Description text (alias for subtitle, common in toggle contexts)
          */
@@ -3013,6 +3034,11 @@ export namespace Components {
           * @default false
          */
         "closable": boolean;
+        /**
+          * Controlled closed/dismissed state of the card
+          * @default false
+         */
+        "closed": boolean;
         /**
           * Initially collapsed or controlled collapsed state
           * @default false
@@ -3438,7 +3464,7 @@ export namespace Components {
          */
         "checked": boolean;
         /**
-          * @default 'success'
+          * @default 'primary'
          */
         "color": StatusColor;
         /**
@@ -3583,133 +3609,6 @@ export namespace Components {
          */
         "variant": CheckboxVariant;
     }
-    interface UiCheckboxGroup {
-        /**
-          * @default false
-         */
-        "buttonGroup": boolean;
-        /**
-          * @default 'primary'
-         */
-        "color": StatusColor;
-        /**
-          * @default 2
-         */
-        "columns": number;
-        /**
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * @default ''
-         */
-        "errorMessage": string;
-        /**
-          * @default '12px'
-         */
-        "gap": string;
-        /**
-          * @default ''
-         */
-        "helperText": string;
-        /**
-          * @default false
-         */
-        "invalid": boolean;
-        /**
-          * @default ''
-         */
-        "label": string;
-        /**
-          * @default 'list'
-         */
-        "layout": 'list' | 'grid';
-        /**
-          * @default Infinity
-         */
-        "max": number;
-        /**
-          * @default 0
-         */
-        "min": number;
-        /**
-          * @default ''
-         */
-        "name": string;
-        /**
-          * @default []
-         */
-        "options": { label: string; value: string; disabled?: boolean }[] | string[];
-        /**
-          * @default 'vertical'
-         */
-        "orientation": Orientation;
-        /**
-          * @default false
-         */
-        "readonly": boolean;
-        /**
-          * @default false
-         */
-        "required": boolean;
-        /**
-          * Entrance animation
-          * @default 'none'
-         */
-        "reveal": 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        /**
-          * Delay for entry animation (ms)
-          * @default 0
-         */
-        "revealDelay": number;
-        /**
-          * Stagger delay between items
-          * @default 60
-         */
-        "revealStagger": number;
-        /**
-          * High-Fidelity: RTL support
-          * @default false
-         */
-        "rtl": boolean;
-        /**
-          * @default 'Search options...'
-         */
-        "searchPlaceholder": string;
-        /**
-          * @default false
-         */
-        "searchable": boolean;
-        /**
-          * @default 'Select All'
-         */
-        "selectAllLabel": string;
-        /**
-          * @default false
-         */
-        "showSelectAll": boolean;
-        /**
-          * @default false
-         */
-        "showSelectionCount": boolean;
-        /**
-          * @default 'md'
-         */
-        "size": ComponentSize;
-        /**
-          * @default true
-         */
-        "validateOnChange": boolean;
-        /**
-          * @default []
-         */
-        "value": string[];
-        /**
-          * High-Fidelity: Victory glow pulse when all selected
-          * @default false
-         */
-        "victoryGlow": boolean;
-    }
     interface UiCodeEditor {
         /**
           * @default 'javascript'
@@ -5668,59 +5567,6 @@ export namespace Components {
          */
         "src"?: string;
     }
-    interface UiImageButton {
-        /**
-          * Accessibility label
-         */
-        "a11yLabel": string;
-        /**
-          * Image alt text
-          * @default ''
-         */
-        "alt": string;
-        /**
-          * Subtitle or secondary text
-         */
-        "description": string;
-        /**
-          * Disabled state
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * Hover effect: 'zoom' | 'lift' | 'brighten' | 'none'
-          * @default 'zoom'
-         */
-        "effect": 'zoom' | 'lift' | 'brighten' | 'none';
-        /**
-          * Button label (overlay)
-         */
-        "label": string;
-        /**
-          * Whether the label is always visible or only on hover
-          * @default 'hover'
-         */
-        "labelMode": 'always' | 'hover';
-        /**
-          * Loading state
-          * @default false
-         */
-        "loading": boolean;
-        /**
-          * Aspect ratio: 'square' | 'video' | 'portrait' | 'auto'
-          * @default 'square'
-         */
-        "ratio": 'square' | 'video' | 'portrait' | 'auto';
-        /**
-          * Size variant
-          * @default 'md'
-         */
-        "size": 'sm' | 'md' | 'lg' | 'xl';
-        /**
-          * Image source URL
-         */
-        "src": string;
-    }
     interface UiInput {
         "accept"?: string;
         /**
@@ -6103,67 +5949,6 @@ export namespace Components {
         "warningText": string;
         "width"?: string;
     }
-    interface UiInputPair {
-        /**
-          * Full width behavior
-          * @default false
-         */
-        "fullWidth": boolean;
-        /**
-          * Gap between inputs (set to 0 for connected)
-          * @default '0'
-         */
-        "gap": string;
-        /**
-          * Shared main label (optional)
-         */
-        "label"?: string;
-        /**
-          * Left input label
-          * @default ''
-         */
-        "labelLeft": string;
-        /**
-          * Right input label
-          * @default ''
-         */
-        "labelRight": string;
-        /**
-          * Left input placeholder
-          * @default ''
-         */
-        "placeholderLeft": string;
-        /**
-          * Right input placeholder
-          * @default ''
-         */
-        "placeholderRight": string;
-        /**
-          * Shared size
-          * @default 'md'
-         */
-        "size": InputSize;
-        /**
-          * Shared type for both inputs
-          * @default 'text'
-         */
-        "type": InputType;
-        /**
-          * Left input value
-          * @default ''
-         */
-        "valueLeft": string;
-        /**
-          * Right input value
-          * @default ''
-         */
-        "valueRight": string;
-        /**
-          * Shared variant
-          * @default 'outlined'
-         */
-        "variant": InputVariant;
-    }
     interface UiKnob {
         /**
           * Allow double-click to edit value manually
@@ -6658,6 +6443,10 @@ export namespace Components {
           * @default ''
          */
         "counter": number | string;
+        /**
+          * @default 'success'
+         */
+        "counterColor": StatusColor;
         /**
           * @default false
          */
@@ -6912,59 +6701,189 @@ export namespace Components {
          */
         "wobble": boolean;
     }
-    interface UiMasonry {
+    interface UiLoader {
         /**
-          * @default 300
+          * Accessibility ARIA label
+          * @default 'Loading...'
          */
-        "animationDuration": number;
+        "ariaLabel": string;
         /**
-          * @default '{"640":2,"768":3,"1024":4,"1280":5}'
+          * ARIA live region mode
+          * @default 'polite'
          */
-        "breakpoints": string;
+        "ariaLive": 'polite' | 'assertive' | 'off';
         /**
-          * @default 3
+          * Apply background blur (glassmorphic backdrop)
+          * @default false
          */
-        "columns": number;
+        "backdropBlur": boolean;
         /**
-          * @default 'No items to display'
+          * Semantic color variant ('primary', 'secondary', etc.) or custom hex/gradient string
+          * @default 'primary'
          */
-        "emptyMessage": string;
+        "color": string;
         /**
-          * @default true
+          * Sub-label description text
          */
-        "enableAnimation": boolean;
+        "description"?: string;
         /**
-          * @default ''
+          * Alias for blur attribute used in demo configuration
+          * @default false
          */
-        "filterBy": string;
+        "enableBlur": boolean;
         /**
-          * @default []
+          * Displays the loader as a full viewport overlay
+          * @default false
          */
-        "filterOptions": Array<{ key: string; label: string; }> | string;
+        "fullscreen": boolean;
         /**
-          * @default 16
+          * Image URL when using type="image"
          */
-        "gap": number;
+        "image"?: string;
         /**
-          * @default false
+          * Text label to display alongside the loader animation
          */
-        "infiniteScroll": boolean;
+        "label"?: string;
         /**
-          * @default 200
+          * Position of the label relative to the loading animation
+          * @default 'bottom'
          */
-        "infiniteScrollDistance": number;
+        "labelPosition": 'bottom' | 'top' | 'left' | 'right';
         /**
-          * @default 400
+          * Rotation interval time in milliseconds
+          * @default 2500
          */
-        "itemMaxWidth": number;
+        "messageInterval": number;
         /**
-          * @default 200
+          * Array of status messages to rotate through automatically
          */
-        "itemMinWidth": number;
+        "messages"?: string[] | string;
         /**
-          * @default []
+          * Displays the loader as an absolute overlay over its relative parent container
+          * @default false
          */
-        "items": Array<any> | string;
+        "overlay": boolean;
+        /**
+          * Custom background color/gradient for overlay mode
+         */
+        "overlayBackground"?: string;
+        /**
+          * Opacity value of the overlay backdrop (0 to 1)
+          * @default 0.5
+         */
+        "overlayOpacity": number;
+        /**
+          * Enables simulated predictive non-linear crawling progress up to 95%
+          * @default false
+         */
+        "predictive": boolean;
+        /**
+          * Number of columns in Matrix digital rain
+          * @default 5
+         */
+        "rainColumns": number;
+        /**
+          * Letters pool for Matrix matrix-rain animation
+         */
+        "rainText"?: string;
+        /**
+          * Size of the loader preset ('3xs'...'jumbo') or custom CSS value ('120px', '4rem')
+          * @default 'md'
+         */
+        "size": string;
+        /**
+          * Speed of animation cycle
+          * @default 'normal'
+         */
+        "speed": 'slow' | 'normal' | 'fast';
+        /**
+          * Current loading status state
+          * @default 'loading'
+         */
+        "status": 'loading' | 'success' | 'error';
+        /**
+          * Stroke width thickness for circular loaders (spinner, ring)
+          * @default 3
+         */
+        "thickness": number;
+        /**
+          * Traps keyboard focus inside the loader overlay (useful for fullscreen modals)
+          * @default false
+         */
+        "trapFocus": boolean;
+        /**
+          * The animation style variant type (34 total variants)
+          * @default 'spinner'
+         */
+        "type": string;
+        /**
+          * Determinate state progress value (0 to 100)
+         */
+        "value"?: number;
+        /**
+          * Loader style theme variant
+          * @default 'standard'
+         */
+        "variant": 'standard' | 'glass' | 'neon' | 'minimal' | 'linear-strip';
+        /**
+          * Whether the loader is visible
+          * @default true
+         */
+        "visible": boolean;
+    }
+    interface UiMasonry {
+        /**
+          * @default 300
+         */
+        "animationDuration": number;
+        /**
+          * @default '{"640":2,"768":3,"1024":4,"1280":5}'
+         */
+        "breakpoints": string;
+        /**
+          * @default 3
+         */
+        "columns": number;
+        /**
+          * @default 'No items to display'
+         */
+        "emptyMessage": string;
+        /**
+          * @default true
+         */
+        "enableAnimation": boolean;
+        /**
+          * @default ''
+         */
+        "filterBy": string;
+        /**
+          * @default []
+         */
+        "filterOptions": Array<{ key: string; label: string; }> | string;
+        /**
+          * @default 16
+         */
+        "gap": number;
+        /**
+          * @default false
+         */
+        "infiniteScroll": boolean;
+        /**
+          * @default 200
+         */
+        "infiniteScrollDistance": number;
+        /**
+          * @default 400
+         */
+        "itemMaxWidth": number;
+        /**
+          * @default 200
+         */
+        "itemMinWidth": number;
+        /**
+          * @default []
+         */
+        "items": Array<any> | string;
         /**
           * @default 'masonry'
          */
@@ -7148,7 +7067,7 @@ export namespace Components {
         "items": NavigationItem[];
         /**
           * Maximum number of items to show before overflowing to "More" menu
-          * @default 4
+          * @default 100
          */
         "maxItems": number;
         /**
@@ -8394,7 +8313,32 @@ export namespace Components {
           * Status of progress
           * @default 'normal'
          */
-        "status": 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger';
+        "status": 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger' | 'empty' | 'running' | 'completed' | 'interrupted';
+        /**
+          * Status-bar variant: shows a lifecycle label (Not Started / Running / Interrupted / Completed) above the progress bar derived automatically from percent + status.
+          * @default false
+         */
+        "statusBar": boolean;
+        /**
+          * Alignment of the status badge inside the status bar header. 'left' (default) — badge left, percent right. 'center' — badge and percent centered together. 'right' — badge right, percent left.
+          * @default 'left'
+         */
+        "statusBarAlign": 'left' | 'center' | 'right';
+        /**
+          * Position of the status chip/badge in status-bar mode. 'inside' (default) — inside the progress bar trail (requires minimum height of 32px). 'top' — above the progress bar (allows smaller progress bar heights).
+          * @default 'inside'
+         */
+        "statusBarPosition": 'inside' | 'top';
+        /**
+          * Custom text labels for each status-bar state. Pass any subset to override — unset keys keep their defaults. e.g. { notStarted: 'Pending', running: 'In Progress', interrupted: 'Paused', completed: 'Done' }
+          * @default {}
+         */
+        "statusLabels": {
+    notStarted?: string;
+    running?: string;
+    interrupted?: string;
+    completed?: string;
+  };
         /**
           * Total step count (for steps progress)
           * @default 0
@@ -8601,138 +8545,6 @@ export namespace Components {
          */
         "variant": 'default' | 'bordered' | 'underlined' | 'card' | 'glass' | 'raised';
     }
-    interface UiRadioGroup {
-        /**
-          * @default false
-         */
-        "allowEmpty": boolean;
-        /**
-          * @default false
-         */
-        "buttonGroup": boolean;
-        /**
-          * Checks the component's validity.
-         */
-        "checkValidity": () => Promise<boolean>;
-        /**
-          * @default 'primary'
-         */
-        "color": StatusColor;
-        /**
-          * @default 2
-         */
-        "columns": number;
-        /**
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * @default true
-         */
-        "enableAnimation": boolean;
-        /**
-          * @default ''
-         */
-        "errorMessage": string;
-        /**
-          * @default '16px'
-         */
-        "gap": string;
-        /**
-          * @default ''
-         */
-        "helperText": string;
-        /**
-          * @default false
-         */
-        "invalid": boolean;
-        /**
-          * @default ''
-         */
-        "label": string;
-        /**
-          * @default 'right'
-         */
-        "labelPosition": LeftRight;
-        /**
-          * @default 'vertical'
-         */
-        "layout": Orientation | 'grid';
-        /**
-          * @default ''
-         */
-        "name": string;
-        /**
-          * @default []
-         */
-        "options": Array<{ value: string; label: string; description?: string; disabled?: boolean; }> | string;
-        /**
-          * @default false
-         */
-        "readonly": boolean;
-        /**
-          * Reports the component's validity.
-         */
-        "reportValidity": () => Promise<boolean>;
-        /**
-          * @default false
-         */
-        "required": boolean;
-        /**
-          * Entrance animation
-          * @default 'none'
-         */
-        "reveal": 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        /**
-          * Delay for entry animation (ms)
-          * @default 0
-         */
-        "revealDelay": number;
-        /**
-          * Stagger delay between items
-          * @default 60
-         */
-        "revealStagger": number;
-        /**
-          * @default true
-         */
-        "rippleEffect": boolean;
-        /**
-          * High-Fidelity: RTL support
-          * @default false
-         */
-        "rtl": boolean;
-        /**
-          * High-Fidelity: Search bar placeholder
-          * @default 'Search items...'
-         */
-        "searchPlaceholder": string;
-        /**
-          * High-Fidelity: Searchable options
-          * @default false
-         */
-        "searchable": boolean;
-        /**
-          * @default true
-         */
-        "showDot": boolean;
-        /**
-          * @default 'md'
-         */
-        "size": ComponentSize;
-        /**
-          * @default false
-         */
-        "skeleton": boolean;
-        /**
-          * @default ''
-         */
-        "value": string;
-        /**
-          * @default 'default'
-         */
-        "variant": 'default' | 'bordered' | 'underlined' | 'card';
-    }
     interface UiRangeSlider {
         /**
           * Circle variant (aesthetic)
@@ -12276,10 +12088,6 @@ export interface UiCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiCheckboxElement;
 }
-export interface UiCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiCheckboxGroupElement;
-}
 export interface UiCodeEditorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiCodeEditorElement;
@@ -12348,10 +12156,6 @@ export interface UiHorizontalNavCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiHorizontalNavElement;
 }
-export interface UiImageButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiImageButtonElement;
-}
 export interface UiInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiInputElement;
@@ -12372,6 +12176,10 @@ export interface UiListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiListItemElement;
 }
+export interface UiLoaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiLoaderElement;
+}
 export interface UiMasonryCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiMasonryElement;
@@ -12420,10 +12228,6 @@ export interface UiRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiRadioElement;
 }
-export interface UiRadioGroupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiRadioGroupElement;
-}
 export interface UiRangeSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiRangeSliderElement;
@@ -12947,24 +12751,6 @@ declare global {
         prototype: HTMLUiCheckboxElement;
         new (): HTMLUiCheckboxElement;
     };
-    interface HTMLUiCheckboxGroupElementEventMap {
-        "groupChange": { value: string[]; };
-        "groupValidation": { valid: boolean; errors: string[]; };
-    }
-    interface HTMLUiCheckboxGroupElement extends Components.UiCheckboxGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLUiCheckboxGroupElement, ev: UiCheckboxGroupCustomEvent<HTMLUiCheckboxGroupElementEventMap[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 HTMLUiCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLUiCheckboxGroupElement, ev: UiCheckboxGroupCustomEvent<HTMLUiCheckboxGroupElementEventMap[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 HTMLUiCheckboxGroupElement: {
-        prototype: HTMLUiCheckboxGroupElement;
-        new (): HTMLUiCheckboxGroupElement;
-    };
     interface HTMLUiCodeEditorElementEventMap {
         "valueChange": string;
         "runCode": void;
@@ -13331,23 +13117,6 @@ declare global {
         prototype: HTMLUiIconElement;
         new (): HTMLUiIconElement;
     };
-    interface HTMLUiImageButtonElementEventMap {
-        "uiClick": void;
-    }
-    interface HTMLUiImageButtonElement extends Components.UiImageButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiImageButtonElementEventMap>(type: K, listener: (this: HTMLUiImageButtonElement, ev: UiImageButtonCustomEvent<HTMLUiImageButtonElementEventMap[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 HTMLUiImageButtonElementEventMap>(type: K, listener: (this: HTMLUiImageButtonElement, ev: UiImageButtonCustomEvent<HTMLUiImageButtonElementEventMap[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 HTMLUiImageButtonElement: {
-        prototype: HTMLUiImageButtonElement;
-        new (): HTMLUiImageButtonElement;
-    };
     interface HTMLUiInputElementEventMap {
         "analyticsEvent": { value: string };
         "inputChange": string;
@@ -13381,12 +13150,6 @@ declare global {
         prototype: HTMLUiInputElement;
         new (): HTMLUiInputElement;
     };
-    interface HTMLUiInputPairElement extends Components.UiInputPair, HTMLStencilElement {
-    }
-    var HTMLUiInputPairElement: {
-        prototype: HTMLUiInputPairElement;
-        new (): HTMLUiInputPairElement;
-    };
     interface HTMLUiKnobElementEventMap {
         "knobChange": number;
         "knobInput": number;
@@ -13484,6 +13247,24 @@ declare global {
         prototype: HTMLUiListItemElement;
         new (): HTMLUiListItemElement;
     };
+    interface HTMLUiLoaderElementEventMap {
+        "uiShow": void;
+        "uiHide": void;
+    }
+    interface HTMLUiLoaderElement extends Components.UiLoader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiLoaderElementEventMap>(type: K, listener: (this: HTMLUiLoaderElement, ev: UiLoaderCustomEvent<HTMLUiLoaderElementEventMap[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 HTMLUiLoaderElementEventMap>(type: K, listener: (this: HTMLUiLoaderElement, ev: UiLoaderCustomEvent<HTMLUiLoaderElementEventMap[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 HTMLUiLoaderElement: {
+        prototype: HTMLUiLoaderElement;
+        new (): HTMLUiLoaderElement;
+    };
     interface HTMLUiMasonryElementEventMap {
         "itemClick": any;
         "filterChange": { filterBy: string; value: string; };
@@ -13730,23 +13511,6 @@ declare global {
         prototype: HTMLUiRadioElement;
         new (): HTMLUiRadioElement;
     };
-    interface HTMLUiRadioGroupElementEventMap {
-        "radioGroupChange": { value: string; };
-    }
-    interface HTMLUiRadioGroupElement extends Components.UiRadioGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiRadioGroupElementEventMap>(type: K, listener: (this: HTMLUiRadioGroupElement, ev: UiRadioGroupCustomEvent<HTMLUiRadioGroupElementEventMap[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 HTMLUiRadioGroupElementEventMap>(type: K, listener: (this: HTMLUiRadioGroupElement, ev: UiRadioGroupCustomEvent<HTMLUiRadioGroupElementEventMap[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 HTMLUiRadioGroupElement: {
-        prototype: HTMLUiRadioGroupElement;
-        new (): HTMLUiRadioGroupElement;
-    };
     interface HTMLUiRangeSliderElementEventMap {
         "sliderChange": number | { start: number; end: number };
         "sliderDragStart": void;
@@ -14297,7 +14061,6 @@ declare global {
         "ui-card": HTMLUiCardElement;
         "ui-carousel": HTMLUiCarouselElement;
         "ui-checkbox": HTMLUiCheckboxElement;
-        "ui-checkbox-group": HTMLUiCheckboxGroupElement;
         "ui-code-editor": HTMLUiCodeEditorElement;
         "ui-code-preview": HTMLUiCodePreviewElement;
         "ui-color-controller": HTMLUiColorControllerElement;
@@ -14319,14 +14082,13 @@ declare global {
         "ui-file-upload": HTMLUiFileUploadElement;
         "ui-horizontal-nav": HTMLUiHorizontalNavElement;
         "ui-icon": HTMLUiIconElement;
-        "ui-image-button": HTMLUiImageButtonElement;
         "ui-input": HTMLUiInputElement;
-        "ui-input-pair": HTMLUiInputPairElement;
         "ui-knob": HTMLUiKnobElement;
         "ui-library": HTMLUiLibraryElement;
         "ui-list": HTMLUiListElement;
         "ui-list-group": HTMLUiListGroupElement;
         "ui-list-item": HTMLUiListItemElement;
+        "ui-loader": HTMLUiLoaderElement;
         "ui-masonry": HTMLUiMasonryElement;
         "ui-meter-group": HTMLUiMeterGroupElement;
         "ui-navigation-bar": HTMLUiNavigationBarElement;
@@ -14339,7 +14101,6 @@ declare global {
         "ui-popover": HTMLUiPopoverElement;
         "ui-progress": HTMLUiProgressElement;
         "ui-radio": HTMLUiRadioElement;
-        "ui-radio-group": HTMLUiRadioGroupElement;
         "ui-range-slider": HTMLUiRangeSliderElement;
         "ui-rating": HTMLUiRatingElement;
         "ui-resizable-panel": HTMLUiResizablePanelElement;
@@ -14921,10 +14682,15 @@ declare namespace LocalJSX {
          */
         "theme"?: 'default' | 'glass' | 'radiant';
         /**
-          * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' Use 'card' or 'card-list' for a separated card layout with icon pills and a right-chevron. Use 'headline' for a minimalist, high-impact typography-first layout.
+          * Toggle icon style: 'chevron' | 'plus-minus'
+          * @default 'chevron'
+         */
+        "toggleStyle"?: 'chevron' | 'plus-minus';
+        /**
+          * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic' Use 'card' or 'card-list' for a separated card layout with icon pills and a right-chevron. Use 'headline' for a minimalist, high-impact typography-first layout. Use 'boxed' for dark individual cards with glowing yellow action badges. Use 'minimal' for border-bottom separators and clean typography. Use 'left-toggle' for a left plus-minus toggle structure. Use 'iconic' for custom left status/brand icons with micro plus-minus toggles.
           * @default 'default'
          */
-        "variant"?: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline';
+        "variant"?: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic';
     }
     interface UiAdvancedDataTable {
         /**
@@ -15920,7 +15686,7 @@ declare namespace LocalJSX {
         "toggleShortcut"?: string;
         /**
           * Animation transition duration (e.g. '0.3s' or '500ms')
-          * @default '1s'
+          * @default '0.3s'
          */
         "transitionDuration"?: string;
         /**
@@ -16592,6 +16358,22 @@ declare namespace LocalJSX {
           * Text to copy to clipboard when clicked. Shows feedback icon.
          */
         "copyValue"?: string;
+        /**
+          * Counter badge content (inline right side of text)
+         */
+        "counter"?: string | number;
+        /**
+          * Counter badge color variant (primary, success, danger, etc.)
+         */
+        "counterColor"?: StatusColor1;
+        /**
+          * Custom background color for the counter badge
+         */
+        "counterCustomColor"?: string;
+        /**
+          * Custom text color for the counter badge
+         */
+        "counterCustomTextColor"?: string;
         /**
           * Description text (alias for subtitle, common in toggle contexts)
          */
@@ -17335,6 +17117,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "closable"?: boolean;
+        /**
+          * Controlled closed/dismissed state of the card
+          * @default false
+         */
+        "closed"?: boolean;
         /**
           * Initially collapsed or controlled collapsed state
           * @default false
@@ -17764,7 +17551,7 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * @default 'success'
+          * @default 'primary'
          */
         "color"?: StatusColor;
         /**
@@ -17916,139 +17703,6 @@ declare namespace LocalJSX {
          */
         "variant"?: CheckboxVariant;
     }
-    interface UiCheckboxGroup {
-        /**
-          * @default false
-         */
-        "buttonGroup"?: boolean;
-        /**
-          * @default 'primary'
-         */
-        "color"?: StatusColor;
-        /**
-          * @default 2
-         */
-        "columns"?: number;
-        /**
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * @default ''
-         */
-        "errorMessage"?: string;
-        /**
-          * The `id` of a `<form>` element to associate this element with.
-         */
-        "form"?: string;
-        /**
-          * @default '12px'
-         */
-        "gap"?: string;
-        /**
-          * @default ''
-         */
-        "helperText"?: string;
-        /**
-          * @default false
-         */
-        "invalid"?: boolean;
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default 'list'
-         */
-        "layout"?: 'list' | 'grid';
-        /**
-          * @default Infinity
-         */
-        "max"?: number;
-        /**
-          * @default 0
-         */
-        "min"?: number;
-        /**
-          * @default ''
-         */
-        "name"?: string;
-        "onGroupChange"?: (event: UiCheckboxGroupCustomEvent<{ value: string[]; }>) => void;
-        "onGroupValidation"?: (event: UiCheckboxGroupCustomEvent<{ valid: boolean; errors: string[]; }>) => void;
-        /**
-          * @default []
-         */
-        "options"?: { label: string; value: string; disabled?: boolean }[] | string[];
-        /**
-          * @default 'vertical'
-         */
-        "orientation"?: Orientation;
-        /**
-          * @default false
-         */
-        "readonly"?: boolean;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
-        /**
-          * Entrance animation
-          * @default 'none'
-         */
-        "reveal"?: 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        /**
-          * Delay for entry animation (ms)
-          * @default 0
-         */
-        "revealDelay"?: number;
-        /**
-          * Stagger delay between items
-          * @default 60
-         */
-        "revealStagger"?: number;
-        /**
-          * High-Fidelity: RTL support
-          * @default false
-         */
-        "rtl"?: boolean;
-        /**
-          * @default 'Search options...'
-         */
-        "searchPlaceholder"?: string;
-        /**
-          * @default false
-         */
-        "searchable"?: boolean;
-        /**
-          * @default 'Select All'
-         */
-        "selectAllLabel"?: string;
-        /**
-          * @default false
-         */
-        "showSelectAll"?: boolean;
-        /**
-          * @default false
-         */
-        "showSelectionCount"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: ComponentSize;
-        /**
-          * @default true
-         */
-        "validateOnChange"?: boolean;
-        /**
-          * @default []
-         */
-        "value"?: string[];
-        /**
-          * High-Fidelity: Victory glow pulse when all selected
-          * @default false
-         */
-        "victoryGlow"?: boolean;
-    }
     interface UiCodeEditor {
         /**
           * @default 'javascript'
@@ -20105,60 +19759,6 @@ declare namespace LocalJSX {
          */
         "src"?: string;
     }
-    interface UiImageButton {
-        /**
-          * Accessibility label
-         */
-        "a11yLabel"?: string;
-        /**
-          * Image alt text
-          * @default ''
-         */
-        "alt"?: string;
-        /**
-          * Subtitle or secondary text
-         */
-        "description"?: string;
-        /**
-          * Disabled state
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * Hover effect: 'zoom' | 'lift' | 'brighten' | 'none'
-          * @default 'zoom'
-         */
-        "effect"?: 'zoom' | 'lift' | 'brighten' | 'none';
-        /**
-          * Button label (overlay)
-         */
-        "label"?: string;
-        /**
-          * Whether the label is always visible or only on hover
-          * @default 'hover'
-         */
-        "labelMode"?: 'always' | 'hover';
-        /**
-          * Loading state
-          * @default false
-         */
-        "loading"?: boolean;
-        "onUiClick"?: (event: UiImageButtonCustomEvent<void>) => void;
-        /**
-          * Aspect ratio: 'square' | 'video' | 'portrait' | 'auto'
-          * @default 'square'
-         */
-        "ratio"?: 'square' | 'video' | 'portrait' | 'auto';
-        /**
-          * Size variant
-          * @default 'md'
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl';
-        /**
-          * Image source URL
-         */
-        "src"?: string;
-    }
     interface UiInput {
         "accept"?: string;
         /**
@@ -20559,67 +20159,6 @@ declare namespace LocalJSX {
         "warningText"?: string;
         "width"?: string;
     }
-    interface UiInputPair {
-        /**
-          * Full width behavior
-          * @default false
-         */
-        "fullWidth"?: boolean;
-        /**
-          * Gap between inputs (set to 0 for connected)
-          * @default '0'
-         */
-        "gap"?: string;
-        /**
-          * Shared main label (optional)
-         */
-        "label"?: string;
-        /**
-          * Left input label
-          * @default ''
-         */
-        "labelLeft"?: string;
-        /**
-          * Right input label
-          * @default ''
-         */
-        "labelRight"?: string;
-        /**
-          * Left input placeholder
-          * @default ''
-         */
-        "placeholderLeft"?: string;
-        /**
-          * Right input placeholder
-          * @default ''
-         */
-        "placeholderRight"?: string;
-        /**
-          * Shared size
-          * @default 'md'
-         */
-        "size"?: InputSize;
-        /**
-          * Shared type for both inputs
-          * @default 'text'
-         */
-        "type"?: InputType;
-        /**
-          * Left input value
-          * @default ''
-         */
-        "valueLeft"?: string;
-        /**
-          * Right input value
-          * @default ''
-         */
-        "valueRight"?: string;
-        /**
-          * Shared variant
-          * @default 'outlined'
-         */
-        "variant"?: InputVariant;
-    }
     interface UiKnob {
         /**
           * Allow double-click to edit value manually
@@ -21139,6 +20678,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "counter"?: number | string;
+        /**
+          * @default 'success'
+         */
+        "counterColor"?: StatusColor;
         /**
           * @default false
          */
@@ -21346,63 +20889,195 @@ declare namespace LocalJSX {
           * Whether the item is starred/favorited
           * @default false
          */
-        "starred"?: boolean;
+        "starred"?: boolean;
+        /**
+          * Presence status: 'online', 'offline', 'busy', 'away'
+          * @default ''
+         */
+        "status"?: 'online' | 'offline' | 'busy' | 'away' | '';
+        /**
+          * Position of the status dot
+          * @default 'bottom-right'
+         */
+        "statusPosition"?: 'top-right' | 'bottom-right';
+        /**
+          * @default ''
+         */
+        "sublabel"?: string;
+        /**
+          * Enable swipe actions (mobile)
+          * @default false
+         */
+        "swipeActions"?: boolean;
+        /**
+          * Swipe behavior: 'reveal' or 'dismiss'
+          * @default 'reveal'
+         */
+        "swipeBehavior"?: 'reveal' | 'dismiss';
+        /**
+          * JSON string or array of tag objects
+          * @default ''
+         */
+        "tags"?: string | any[];
+        /**
+          * @default '_self'
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        /**
+          * Whether to show hierarchical connection lines (tree view)
+          * @default false
+         */
+        "treeLines"?: boolean;
+        /**
+          * User avatar URL
+          * @default ''
+         */
+        "userAvatar"?: string;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * @default 'text'
+         */
+        "variant"?: 'filled' | 'outlined' | 'text' | 'soft';
+        /**
+          * Whether the item is currently shaking/wobbling (visual haptic)
+          * @default false
+         */
+        "wobble"?: boolean;
+    }
+    interface UiLoader {
+        /**
+          * Accessibility ARIA label
+          * @default 'Loading...'
+         */
+        "ariaLabel"?: string;
+        /**
+          * ARIA live region mode
+          * @default 'polite'
+         */
+        "ariaLive"?: 'polite' | 'assertive' | 'off';
+        /**
+          * Apply background blur (glassmorphic backdrop)
+          * @default false
+         */
+        "backdropBlur"?: boolean;
+        /**
+          * Semantic color variant ('primary', 'secondary', etc.) or custom hex/gradient string
+          * @default 'primary'
+         */
+        "color"?: string;
+        /**
+          * Sub-label description text
+         */
+        "description"?: string;
+        /**
+          * Alias for blur attribute used in demo configuration
+          * @default false
+         */
+        "enableBlur"?: boolean;
+        /**
+          * Displays the loader as a full viewport overlay
+          * @default false
+         */
+        "fullscreen"?: boolean;
+        /**
+          * Image URL when using type="image"
+         */
+        "image"?: string;
+        /**
+          * Text label to display alongside the loader animation
+         */
+        "label"?: string;
+        /**
+          * Position of the label relative to the loading animation
+          * @default 'bottom'
+         */
+        "labelPosition"?: 'bottom' | 'top' | 'left' | 'right';
+        /**
+          * Rotation interval time in milliseconds
+          * @default 2500
+         */
+        "messageInterval"?: number;
+        /**
+          * Array of status messages to rotate through automatically
+         */
+        "messages"?: string[] | string;
+        "onUiHide"?: (event: UiLoaderCustomEvent<void>) => void;
+        "onUiShow"?: (event: UiLoaderCustomEvent<void>) => void;
+        /**
+          * Displays the loader as an absolute overlay over its relative parent container
+          * @default false
+         */
+        "overlay"?: boolean;
+        /**
+          * Custom background color/gradient for overlay mode
+         */
+        "overlayBackground"?: string;
+        /**
+          * Opacity value of the overlay backdrop (0 to 1)
+          * @default 0.5
+         */
+        "overlayOpacity"?: number;
         /**
-          * Presence status: 'online', 'offline', 'busy', 'away'
-          * @default ''
+          * Enables simulated predictive non-linear crawling progress up to 95%
+          * @default false
          */
-        "status"?: 'online' | 'offline' | 'busy' | 'away' | '';
+        "predictive"?: boolean;
         /**
-          * Position of the status dot
-          * @default 'bottom-right'
+          * Number of columns in Matrix digital rain
+          * @default 5
          */
-        "statusPosition"?: 'top-right' | 'bottom-right';
+        "rainColumns"?: number;
         /**
-          * @default ''
+          * Letters pool for Matrix matrix-rain animation
          */
-        "sublabel"?: string;
+        "rainText"?: string;
         /**
-          * Enable swipe actions (mobile)
-          * @default false
+          * Size of the loader preset ('3xs'...'jumbo') or custom CSS value ('120px', '4rem')
+          * @default 'md'
          */
-        "swipeActions"?: boolean;
+        "size"?: string;
         /**
-          * Swipe behavior: 'reveal' or 'dismiss'
-          * @default 'reveal'
+          * Speed of animation cycle
+          * @default 'normal'
          */
-        "swipeBehavior"?: 'reveal' | 'dismiss';
+        "speed"?: 'slow' | 'normal' | 'fast';
         /**
-          * JSON string or array of tag objects
-          * @default ''
+          * Current loading status state
+          * @default 'loading'
          */
-        "tags"?: string | any[];
+        "status"?: 'loading' | 'success' | 'error';
         /**
-          * @default '_self'
+          * Stroke width thickness for circular loaders (spinner, ring)
+          * @default 3
          */
-        "target"?: '_blank' | '_self' | '_parent' | '_top';
+        "thickness"?: number;
         /**
-          * Whether to show hierarchical connection lines (tree view)
+          * Traps keyboard focus inside the loader overlay (useful for fullscreen modals)
           * @default false
          */
-        "treeLines"?: boolean;
+        "trapFocus"?: boolean;
         /**
-          * User avatar URL
-          * @default ''
+          * The animation style variant type (34 total variants)
+          * @default 'spinner'
          */
-        "userAvatar"?: string;
+        "type"?: string;
         /**
-          * @default ''
+          * Determinate state progress value (0 to 100)
          */
-        "value"?: string;
+        "value"?: number;
         /**
-          * @default 'text'
+          * Loader style theme variant
+          * @default 'standard'
          */
-        "variant"?: 'filled' | 'outlined' | 'text' | 'soft';
+        "variant"?: 'standard' | 'glass' | 'neon' | 'minimal' | 'linear-strip';
         /**
-          * Whether the item is currently shaking/wobbling (visual haptic)
-          * @default false
+          * Whether the loader is visible
+          * @default true
          */
-        "wobble"?: boolean;
+        "visible"?: boolean;
     }
     interface UiMasonry {
         /**
@@ -21650,7 +21325,7 @@ declare namespace LocalJSX {
         "items"?: NavigationItem[];
         /**
           * Maximum number of items to show before overflowing to "More" menu
-          * @default 4
+          * @default 100
          */
         "maxItems"?: number;
         /**
@@ -22975,7 +22650,32 @@ declare namespace LocalJSX {
           * Status of progress
           * @default 'normal'
          */
-        "status"?: 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger';
+        "status"?: 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger' | 'empty' | 'running' | 'completed' | 'interrupted';
+        /**
+          * Status-bar variant: shows a lifecycle label (Not Started / Running / Interrupted / Completed) above the progress bar derived automatically from percent + status.
+          * @default false
+         */
+        "statusBar"?: boolean;
+        /**
+          * Alignment of the status badge inside the status bar header. 'left' (default) — badge left, percent right. 'center' — badge and percent centered together. 'right' — badge right, percent left.
+          * @default 'left'
+         */
+        "statusBarAlign"?: 'left' | 'center' | 'right';
+        /**
+          * Position of the status chip/badge in status-bar mode. 'inside' (default) — inside the progress bar trail (requires minimum height of 32px). 'top' — above the progress bar (allows smaller progress bar heights).
+          * @default 'inside'
+         */
+        "statusBarPosition"?: 'inside' | 'top';
+        /**
+          * Custom text labels for each status-bar state. Pass any subset to override — unset keys keep their defaults. e.g. { notStarted: 'Pending', running: 'In Progress', interrupted: 'Paused', completed: 'Done' }
+          * @default {}
+         */
+        "statusLabels"?: {
+    notStarted?: string;
+    running?: string;
+    interrupted?: string;
+    completed?: string;
+  };
         /**
           * Total step count (for steps progress)
           * @default 0
@@ -23181,135 +22881,6 @@ declare namespace LocalJSX {
          */
         "variant"?: 'default' | 'bordered' | 'underlined' | 'card' | 'glass' | 'raised';
     }
-    interface UiRadioGroup {
-        /**
-          * @default false
-         */
-        "allowEmpty"?: boolean;
-        /**
-          * @default false
-         */
-        "buttonGroup"?: boolean;
-        /**
-          * @default 'primary'
-         */
-        "color"?: StatusColor;
-        /**
-          * @default 2
-         */
-        "columns"?: number;
-        /**
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * @default true
-         */
-        "enableAnimation"?: boolean;
-        /**
-          * @default ''
-         */
-        "errorMessage"?: string;
-        /**
-          * The `id` of a `<form>` element to associate this element with.
-         */
-        "form"?: string;
-        /**
-          * @default '16px'
-         */
-        "gap"?: string;
-        /**
-          * @default ''
-         */
-        "helperText"?: string;
-        /**
-          * @default false
-         */
-        "invalid"?: boolean;
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default 'right'
-         */
-        "labelPosition"?: LeftRight;
-        /**
-          * @default 'vertical'
-         */
-        "layout"?: Orientation | 'grid';
-        /**
-          * @default ''
-         */
-        "name"?: string;
-        "onRadioGroupChange"?: (event: UiRadioGroupCustomEvent<{ value: string; }>) => void;
-        /**
-          * @default []
-         */
-        "options"?: Array<{ value: string; label: string; description?: string; disabled?: boolean; }> | string;
-        /**
-          * @default false
-         */
-        "readonly"?: boolean;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
-        /**
-          * Entrance animation
-          * @default 'none'
-         */
-        "reveal"?: 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        /**
-          * Delay for entry animation (ms)
-          * @default 0
-         */
-        "revealDelay"?: number;
-        /**
-          * Stagger delay between items
-          * @default 60
-         */
-        "revealStagger"?: number;
-        /**
-          * @default true
-         */
-        "rippleEffect"?: boolean;
-        /**
-          * High-Fidelity: RTL support
-          * @default false
-         */
-        "rtl"?: boolean;
-        /**
-          * High-Fidelity: Search bar placeholder
-          * @default 'Search items...'
-         */
-        "searchPlaceholder"?: string;
-        /**
-          * High-Fidelity: Searchable options
-          * @default false
-         */
-        "searchable"?: boolean;
-        /**
-          * @default true
-         */
-        "showDot"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: ComponentSize;
-        /**
-          * @default false
-         */
-        "skeleton"?: boolean;
-        /**
-          * @default ''
-         */
-        "value"?: string;
-        /**
-          * @default 'default'
-         */
-        "variant"?: 'default' | 'bordered' | 'underlined' | 'card';
-    }
     interface UiRangeSlider {
         /**
           * Circle variant (aesthetic)
@@ -26866,7 +26437,8 @@ declare namespace LocalJSX {
         "hideArrow": boolean;
         "selectedHeaderColor": string;
         "selectionPosition": 'left' | 'top' | 'none';
-        "variant": 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline';
+        "variant": 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic';
+        "toggleStyle": 'chevron' | 'plus-minus';
         "size": AccordionSize;
         "iconPosition": 'start' | 'end';
         "persistState": string;
@@ -27264,6 +26836,10 @@ declare namespace LocalJSX {
         "rel": string;
         "grow": boolean;
         "badge": string;
+        "counter": string;
+        "counterColor": StatusColor;
+        "counterCustomColor": string;
+        "counterCustomTextColor": string;
         "badgeColor": StatusColor;
         "badgeCustomColor": string;
         "badgeCustomTextColor": string;
@@ -27420,6 +26996,7 @@ declare namespace LocalJSX {
         "collapsible": boolean;
         "collapsed": boolean;
         "closable": boolean;
+        "closed": boolean;
         "selectable": boolean;
         "selected": boolean;
         "clickable": boolean;
@@ -27530,36 +27107,6 @@ declare namespace LocalJSX {
         "revealDelay": number;
         "isButton": boolean;
     }
-    interface UiCheckboxGroupAttributes {
-        "name": string;
-        "label": string;
-        "helperText": string;
-        "errorMessage": string;
-        "required": boolean;
-        "disabled": boolean;
-        "readonly": boolean;
-        "invalid": boolean;
-        "orientation": Orientation;
-        "gap": string;
-        "showSelectAll": boolean;
-        "selectAllLabel": string;
-        "buttonGroup": boolean;
-        "min": number;
-        "max": number;
-        "validateOnChange": boolean;
-        "size": ComponentSize;
-        "color": StatusColor;
-        "showSelectionCount": boolean;
-        "reveal": 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        "revealDelay": number;
-        "revealStagger": number;
-        "victoryGlow": boolean;
-        "rtl": boolean;
-        "searchable": boolean;
-        "searchPlaceholder": string;
-        "layout": 'list' | 'grid';
-        "columns": number;
-    }
     interface UiCodeEditorAttributes {
         "value": string;
         "language": 'javascript' | 'html' | 'css' | 'json' | 'markdown' | 'python' | 'java' | 'csharp' | 'ladder';
@@ -27997,19 +27544,6 @@ declare namespace LocalJSX {
         "label": string;
         "loading": boolean;
     }
-    interface UiImageButtonAttributes {
-        "src": string;
-        "alt": string;
-        "label": string;
-        "description": string;
-        "effect": 'zoom' | 'lift' | 'brighten' | 'none';
-        "ratio": 'square' | 'video' | 'portrait' | 'auto';
-        "labelMode": 'always' | 'hover';
-        "size": 'sm' | 'md' | 'lg' | 'xl';
-        "disabled": boolean;
-        "loading": boolean;
-        "a11yLabel": string;
-    }
     interface UiInputAttributes {
         "badge": string;
         "color": StatusColor;
@@ -28120,20 +27654,6 @@ declare namespace LocalJSX {
         "autoCapitalize": 'none' | 'sentences' | 'words' | 'characters';
         "shake": boolean;
     }
-    interface UiInputPairAttributes {
-        "labelLeft": string;
-        "labelRight": string;
-        "label": string;
-        "valueLeft": string;
-        "valueRight": string;
-        "placeholderLeft": string;
-        "placeholderRight": string;
-        "type": InputType;
-        "variant": InputVariant;
-        "size": InputSize;
-        "gap": string;
-        "fullWidth": boolean;
-    }
     interface UiKnobAttributes {
         "name": string;
         "value": number;
@@ -28265,6 +27785,7 @@ declare namespace LocalJSX {
         "badge": string;
         "badgeColor": StatusColor;
         "counter": string;
+        "counterColor": StatusColor;
         "tags": string | any[];
         "image": string;
         "userAvatar": string;
@@ -28302,6 +27823,35 @@ declare namespace LocalJSX {
         "auraMode": boolean;
         "a11yLabel": string;
     }
+    interface UiLoaderAttributes {
+        "ariaLabel": string;
+        "ariaLive": 'polite' | 'assertive' | 'off';
+        "backdropBlur": boolean;
+        "enableBlur": boolean;
+        "color": string;
+        "fullscreen": boolean;
+        "label": string;
+        "description": string;
+        "labelPosition": 'bottom' | 'top' | 'left' | 'right';
+        "overlay": boolean;
+        "overlayOpacity": number;
+        "overlayBackground": string;
+        "size": string;
+        "speed": 'slow' | 'normal' | 'fast';
+        "thickness": number;
+        "type": string;
+        "visible": boolean;
+        "variant": 'standard' | 'glass' | 'neon' | 'minimal' | 'linear-strip';
+        "value": number;
+        "predictive": boolean;
+        "messages": string[] | string;
+        "messageInterval": number;
+        "image": string;
+        "rainText": string;
+        "rainColumns": number;
+        "trapFocus": boolean;
+        "status": 'loading' | 'success' | 'error';
+    }
     interface UiMasonryAttributes {
         "items": Array<any> | string;
         "columns": number;
@@ -28593,7 +28143,7 @@ declare namespace LocalJSX {
     interface UiProgressAttributes {
         "type": 'line' | 'circle' | 'dashboard' | 'segmented' | 'industrial';
         "percent": number;
-        "status": 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger';
+        "status": 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger' | 'empty' | 'running' | 'completed' | 'interrupted';
         "strokeWidth": number;
         "strokeColor": string | { from?: string; to?: string; direction?: string };
         "trailColor": string;
@@ -28623,6 +28173,9 @@ declare namespace LocalJSX {
         "vitality": boolean;
         "dataLabels": string;
         "glass": boolean;
+        "statusBar": boolean;
+        "statusBarAlign": 'left' | 'center' | 'right';
+        "statusBarPosition": 'inside' | 'top';
         "glow": boolean;
         "labelPosition": 'inside' | 'outside' | FourSidePosition;
         "orientation": Orientation;
@@ -28666,37 +28219,6 @@ declare namespace LocalJSX {
         "reveal": 'none' | 'fade-in' | 'slide-up' | 'zoom';
         "revealDelay": number;
     }
-    interface UiRadioGroupAttributes {
-        "value": string;
-        "name": string;
-        "disabled": boolean;
-        "readonly": boolean;
-        "required": boolean;
-        "invalid": boolean;
-        "label": string;
-        "helperText": string;
-        "errorMessage": string;
-        "layout": Orientation | 'grid';
-        "columns": number;
-        "gap": string;
-        "size": ComponentSize;
-        "color": StatusColor;
-        "options": Array<{ value: string; label: string; description?: string; disabled?: boolean; }> | string;
-        "labelPosition": LeftRight;
-        "enableAnimation": boolean;
-        "rippleEffect": boolean;
-        "buttonGroup": boolean;
-        "variant": 'default' | 'bordered' | 'underlined' | 'card';
-        "skeleton": boolean;
-        "allowEmpty": boolean;
-        "showDot": boolean;
-        "reveal": 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        "revealDelay": number;
-        "revealStagger": number;
-        "searchable": boolean;
-        "searchPlaceholder": string;
-        "rtl": boolean;
-    }
     interface UiRangeSliderAttributes {
         "min": number;
         "max": number;
@@ -29443,7 +28965,6 @@ declare namespace LocalJSX {
         "ui-card": Omit<UiCard, keyof UiCardAttributes> & { [K in keyof UiCard & keyof UiCardAttributes]?: UiCard[K] } & { [K in keyof UiCard & keyof UiCardAttributes as `attr:${K}`]?: UiCardAttributes[K] } & { [K in keyof UiCard & keyof UiCardAttributes as `prop:${K}`]?: UiCard[K] };
         "ui-carousel": Omit<UiCarousel, keyof UiCarouselAttributes> & { [K in keyof UiCarousel & keyof UiCarouselAttributes]?: UiCarousel[K] } & { [K in keyof UiCarousel & keyof UiCarouselAttributes as `attr:${K}`]?: UiCarouselAttributes[K] } & { [K in keyof UiCarousel & keyof UiCarouselAttributes as `prop:${K}`]?: UiCarousel[K] };
         "ui-checkbox": Omit<UiCheckbox, keyof UiCheckboxAttributes> & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes]?: UiCheckbox[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `attr:${K}`]?: UiCheckboxAttributes[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `prop:${K}`]?: UiCheckbox[K] };
-        "ui-checkbox-group": Omit<UiCheckboxGroup, keyof UiCheckboxGroupAttributes> & { [K in keyof UiCheckboxGroup & keyof UiCheckboxGroupAttributes]?: UiCheckboxGroup[K] } & { [K in keyof UiCheckboxGroup & keyof UiCheckboxGroupAttributes as `attr:${K}`]?: UiCheckboxGroupAttributes[K] } & { [K in keyof UiCheckboxGroup & keyof UiCheckboxGroupAttributes as `prop:${K}`]?: UiCheckboxGroup[K] };
         "ui-code-editor": Omit<UiCodeEditor, keyof UiCodeEditorAttributes> & { [K in keyof UiCodeEditor & keyof UiCodeEditorAttributes]?: UiCodeEditor[K] } & { [K in keyof UiCodeEditor & keyof UiCodeEditorAttributes as `attr:${K}`]?: UiCodeEditorAttributes[K] } & { [K in keyof UiCodeEditor & keyof UiCodeEditorAttributes as `prop:${K}`]?: UiCodeEditor[K] };
         "ui-code-preview": Omit<UiCodePreview, keyof UiCodePreviewAttributes> & { [K in keyof UiCodePreview & keyof UiCodePreviewAttributes]?: UiCodePreview[K] } & { [K in keyof UiCodePreview & keyof UiCodePreviewAttributes as `attr:${K}`]?: UiCodePreviewAttributes[K] } & { [K in keyof UiCodePreview & keyof UiCodePreviewAttributes as `prop:${K}`]?: UiCodePreview[K] };
         "ui-color-controller": Omit<UiColorController, keyof UiColorControllerAttributes> & { [K in keyof UiColorController & keyof UiColorControllerAttributes]?: UiColorController[K] } & { [K in keyof UiColorController & keyof UiColorControllerAttributes as `attr:${K}`]?: UiColorControllerAttributes[K] } & { [K in keyof UiColorController & keyof UiColorControllerAttributes as `prop:${K}`]?: UiColorController[K] };
@@ -29465,14 +28986,13 @@ declare namespace LocalJSX {
         "ui-file-upload": Omit<UiFileUpload, keyof UiFileUploadAttributes> & { [K in keyof UiFileUpload & keyof UiFileUploadAttributes]?: UiFileUpload[K] } & { [K in keyof UiFileUpload & keyof UiFileUploadAttributes as `attr:${K}`]?: UiFileUploadAttributes[K] } & { [K in keyof UiFileUpload & keyof UiFileUploadAttributes as `prop:${K}`]?: UiFileUpload[K] };
         "ui-horizontal-nav": Omit<UiHorizontalNav, keyof UiHorizontalNavAttributes> & { [K in keyof UiHorizontalNav & keyof UiHorizontalNavAttributes]?: UiHorizontalNav[K] } & { [K in keyof UiHorizontalNav & keyof UiHorizontalNavAttributes as `attr:${K}`]?: UiHorizontalNavAttributes[K] } & { [K in keyof UiHorizontalNav & keyof UiHorizontalNavAttributes as `prop:${K}`]?: UiHorizontalNav[K] };
         "ui-icon": Omit<UiIcon, keyof UiIconAttributes> & { [K in keyof UiIcon & keyof UiIconAttributes]?: UiIcon[K] } & { [K in keyof UiIcon & keyof UiIconAttributes as `attr:${K}`]?: UiIconAttributes[K] } & { [K in keyof UiIcon & keyof UiIconAttributes as `prop:${K}`]?: UiIcon[K] };
-        "ui-image-button": Omit<UiImageButton, keyof UiImageButtonAttributes> & { [K in keyof UiImageButton & keyof UiImageButtonAttributes]?: UiImageButton[K] } & { [K in keyof UiImageButton & keyof UiImageButtonAttributes as `attr:${K}`]?: UiImageButtonAttributes[K] } & { [K in keyof UiImageButton & keyof UiImageButtonAttributes as `prop:${K}`]?: UiImageButton[K] };
         "ui-input": Omit<UiInput, keyof UiInputAttributes> & { [K in keyof UiInput & keyof UiInputAttributes]?: UiInput[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `attr:${K}`]?: UiInputAttributes[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `prop:${K}`]?: UiInput[K] };
-        "ui-input-pair": Omit<UiInputPair, keyof UiInputPairAttributes> & { [K in keyof UiInputPair & keyof UiInputPairAttributes]?: UiInputPair[K] } & { [K in keyof UiInputPair & keyof UiInputPairAttributes as `attr:${K}`]?: UiInputPairAttributes[K] } & { [K in keyof UiInputPair & keyof UiInputPairAttributes as `prop:${K}`]?: UiInputPair[K] };
         "ui-knob": Omit<UiKnob, keyof UiKnobAttributes> & { [K in keyof UiKnob & keyof UiKnobAttributes]?: UiKnob[K] } & { [K in keyof UiKnob & keyof UiKnobAttributes as `attr:${K}`]?: UiKnobAttributes[K] } & { [K in keyof UiKnob & keyof UiKnobAttributes as `prop:${K}`]?: UiKnob[K] };
         "ui-library": Omit<UiLibrary, keyof UiLibraryAttributes> & { [K in keyof UiLibrary & keyof UiLibraryAttributes]?: UiLibrary[K] } & { [K in keyof UiLibrary & keyof UiLibraryAttributes as `attr:${K}`]?: UiLibraryAttributes[K] } & { [K in keyof UiLibrary & keyof UiLibraryAttributes as `prop:${K}`]?: UiLibrary[K] };
         "ui-list": Omit<UiList, keyof UiListAttributes> & { [K in keyof UiList & keyof UiListAttributes]?: UiList[K] } & { [K in keyof UiList & keyof UiListAttributes as `attr:${K}`]?: UiListAttributes[K] } & { [K in keyof UiList & keyof UiListAttributes as `prop:${K}`]?: UiList[K] };
         "ui-list-group": Omit<UiListGroup, keyof UiListGroupAttributes> & { [K in keyof UiListGroup & keyof UiListGroupAttributes]?: UiListGroup[K] } & { [K in keyof UiListGroup & keyof UiListGroupAttributes as `attr:${K}`]?: UiListGroupAttributes[K] } & { [K in keyof UiListGroup & keyof UiListGroupAttributes as `prop:${K}`]?: UiListGroup[K] };
         "ui-list-item": Omit<UiListItem, keyof UiListItemAttributes> & { [K in keyof UiListItem & keyof UiListItemAttributes]?: UiListItem[K] } & { [K in keyof UiListItem & keyof UiListItemAttributes as `attr:${K}`]?: UiListItemAttributes[K] } & { [K in keyof UiListItem & keyof UiListItemAttributes as `prop:${K}`]?: UiListItem[K] };
+        "ui-loader": Omit<UiLoader, keyof UiLoaderAttributes> & { [K in keyof UiLoader & keyof UiLoaderAttributes]?: UiLoader[K] } & { [K in keyof UiLoader & keyof UiLoaderAttributes as `attr:${K}`]?: UiLoaderAttributes[K] } & { [K in keyof UiLoader & keyof UiLoaderAttributes as `prop:${K}`]?: UiLoader[K] };
         "ui-masonry": Omit<UiMasonry, keyof UiMasonryAttributes> & { [K in keyof UiMasonry & keyof UiMasonryAttributes]?: UiMasonry[K] } & { [K in keyof UiMasonry & keyof UiMasonryAttributes as `attr:${K}`]?: UiMasonryAttributes[K] } & { [K in keyof UiMasonry & keyof UiMasonryAttributes as `prop:${K}`]?: UiMasonry[K] };
         "ui-meter-group": Omit<UiMeterGroup, keyof UiMeterGroupAttributes> & { [K in keyof UiMeterGroup & keyof UiMeterGroupAttributes]?: UiMeterGroup[K] } & { [K in keyof UiMeterGroup & keyof UiMeterGroupAttributes as `attr:${K}`]?: UiMeterGroupAttributes[K] } & { [K in keyof UiMeterGroup & keyof UiMeterGroupAttributes as `prop:${K}`]?: UiMeterGroup[K] };
         "ui-navigation-bar": Omit<UiNavigationBar, keyof UiNavigationBarAttributes> & { [K in keyof UiNavigationBar & keyof UiNavigationBarAttributes]?: UiNavigationBar[K] } & { [K in keyof UiNavigationBar & keyof UiNavigationBarAttributes as `attr:${K}`]?: UiNavigationBarAttributes[K] } & { [K in keyof UiNavigationBar & keyof UiNavigationBarAttributes as `prop:${K}`]?: UiNavigationBar[K] };
@@ -29485,7 +29005,6 @@ declare namespace LocalJSX {
         "ui-popover": Omit<UiPopover, keyof UiPopoverAttributes> & { [K in keyof UiPopover & keyof UiPopoverAttributes]?: UiPopover[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `attr:${K}`]?: UiPopoverAttributes[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `prop:${K}`]?: UiPopover[K] };
         "ui-progress": Omit<UiProgress, keyof UiProgressAttributes> & { [K in keyof UiProgress & keyof UiProgressAttributes]?: UiProgress[K] } & { [K in keyof UiProgress & keyof UiProgressAttributes as `attr:${K}`]?: UiProgressAttributes[K] } & { [K in keyof UiProgress & keyof UiProgressAttributes as `prop:${K}`]?: UiProgress[K] };
         "ui-radio": Omit<UiRadio, keyof UiRadioAttributes> & { [K in keyof UiRadio & keyof UiRadioAttributes]?: UiRadio[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `attr:${K}`]?: UiRadioAttributes[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `prop:${K}`]?: UiRadio[K] };
-        "ui-radio-group": Omit<UiRadioGroup, keyof UiRadioGroupAttributes> & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes]?: UiRadioGroup[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `attr:${K}`]?: UiRadioGroupAttributes[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `prop:${K}`]?: UiRadioGroup[K] };
         "ui-range-slider": Omit<UiRangeSlider, keyof UiRangeSliderAttributes> & { [K in keyof UiRangeSlider & keyof UiRangeSliderAttributes]?: UiRangeSlider[K] } & { [K in keyof UiRangeSlider & keyof UiRangeSliderAttributes as `attr:${K}`]?: UiRangeSliderAttributes[K] } & { [K in keyof UiRangeSlider & keyof UiRangeSliderAttributes as `prop:${K}`]?: UiRangeSlider[K] };
         "ui-rating": Omit<UiRating, keyof UiRatingAttributes> & { [K in keyof UiRating & keyof UiRatingAttributes]?: UiRating[K] } & { [K in keyof UiRating & keyof UiRatingAttributes as `attr:${K}`]?: UiRatingAttributes[K] } & { [K in keyof UiRating & keyof UiRatingAttributes as `prop:${K}`]?: UiRating[K] };
         "ui-resizable-panel": Omit<UiResizablePanel, keyof UiResizablePanelAttributes> & { [K in keyof UiResizablePanel & keyof UiResizablePanelAttributes]?: UiResizablePanel[K] } & { [K in keyof UiResizablePanel & keyof UiResizablePanelAttributes as `attr:${K}`]?: UiResizablePanelAttributes[K] } & { [K in keyof UiResizablePanel & keyof UiResizablePanelAttributes as `prop:${K}`]?: UiResizablePanel[K] };
@@ -29554,7 +29073,6 @@ declare module "@stencil/core" {
              */
             "ui-carousel": LocalJSX.IntrinsicElements["ui-carousel"] & JSXBase.HTMLAttributes<HTMLUiCarouselElement>;
             "ui-checkbox": LocalJSX.IntrinsicElements["ui-checkbox"] & JSXBase.HTMLAttributes<HTMLUiCheckboxElement>;
-            "ui-checkbox-group": LocalJSX.IntrinsicElements["ui-checkbox-group"] & JSXBase.HTMLAttributes<HTMLUiCheckboxGroupElement>;
             "ui-code-editor": LocalJSX.IntrinsicElements["ui-code-editor"] & JSXBase.HTMLAttributes<HTMLUiCodeEditorElement>;
             "ui-code-preview": LocalJSX.IntrinsicElements["ui-code-preview"] & JSXBase.HTMLAttributes<HTMLUiCodePreviewElement>;
             "ui-color-controller": LocalJSX.IntrinsicElements["ui-color-controller"] & JSXBase.HTMLAttributes<HTMLUiColorControllerElement>;
@@ -29580,14 +29098,13 @@ declare module "@stencil/core" {
             "ui-file-upload": LocalJSX.IntrinsicElements["ui-file-upload"] & JSXBase.HTMLAttributes<HTMLUiFileUploadElement>;
             "ui-horizontal-nav": LocalJSX.IntrinsicElements["ui-horizontal-nav"] & JSXBase.HTMLAttributes<HTMLUiHorizontalNavElement>;
             "ui-icon": LocalJSX.IntrinsicElements["ui-icon"] & JSXBase.HTMLAttributes<HTMLUiIconElement>;
-            "ui-image-button": LocalJSX.IntrinsicElements["ui-image-button"] & JSXBase.HTMLAttributes<HTMLUiImageButtonElement>;
             "ui-input": LocalJSX.IntrinsicElements["ui-input"] & JSXBase.HTMLAttributes<HTMLUiInputElement>;
-            "ui-input-pair": LocalJSX.IntrinsicElements["ui-input-pair"] & JSXBase.HTMLAttributes<HTMLUiInputPairElement>;
             "ui-knob": LocalJSX.IntrinsicElements["ui-knob"] & JSXBase.HTMLAttributes<HTMLUiKnobElement>;
             "ui-library": LocalJSX.IntrinsicElements["ui-library"] & JSXBase.HTMLAttributes<HTMLUiLibraryElement>;
             "ui-list": LocalJSX.IntrinsicElements["ui-list"] & JSXBase.HTMLAttributes<HTMLUiListElement>;
             "ui-list-group": LocalJSX.IntrinsicElements["ui-list-group"] & JSXBase.HTMLAttributes<HTMLUiListGroupElement>;
             "ui-list-item": LocalJSX.IntrinsicElements["ui-list-item"] & JSXBase.HTMLAttributes<HTMLUiListItemElement>;
+            "ui-loader": LocalJSX.IntrinsicElements["ui-loader"] & JSXBase.HTMLAttributes<HTMLUiLoaderElement>;
             "ui-masonry": LocalJSX.IntrinsicElements["ui-masonry"] & JSXBase.HTMLAttributes<HTMLUiMasonryElement>;
             "ui-meter-group": LocalJSX.IntrinsicElements["ui-meter-group"] & JSXBase.HTMLAttributes<HTMLUiMeterGroupElement>;
             "ui-navigation-bar": LocalJSX.IntrinsicElements["ui-navigation-bar"] & JSXBase.HTMLAttributes<HTMLUiNavigationBarElement>;
@@ -29600,7 +29117,6 @@ declare module "@stencil/core" {
             "ui-popover": LocalJSX.IntrinsicElements["ui-popover"] & JSXBase.HTMLAttributes<HTMLUiPopoverElement>;
             "ui-progress": LocalJSX.IntrinsicElements["ui-progress"] & JSXBase.HTMLAttributes<HTMLUiProgressElement>;
             "ui-radio": LocalJSX.IntrinsicElements["ui-radio"] & JSXBase.HTMLAttributes<HTMLUiRadioElement>;
-            "ui-radio-group": LocalJSX.IntrinsicElements["ui-radio-group"] & JSXBase.HTMLAttributes<HTMLUiRadioGroupElement>;
             "ui-range-slider": LocalJSX.IntrinsicElements["ui-range-slider"] & JSXBase.HTMLAttributes<HTMLUiRangeSliderElement>;
             "ui-rating": LocalJSX.IntrinsicElements["ui-rating"] & JSXBase.HTMLAttributes<HTMLUiRatingElement>;
             "ui-resizable-panel": LocalJSX.IntrinsicElements["ui-resizable-panel"] & JSXBase.HTMLAttributes<HTMLUiResizablePanelElement>;