atomicuilibrary 0.0.1 → 0.1.3

package/dist/types/components.d.ts

@@ -32,6 +32,7 @@ import { EmptyStateAction, EmptyStateAlign, EmptyStateItem, EmptyStateSize, Empt
 import { FileUploadValidationError, UploadedFile } from "./components/file-upload/types";
 import { HorizontalNavItem } from "./components/horizontal-nav/horizontal-nav";
 import { InputMask, InputSize, InputType, InputVariant, StatusColor as StatusColor2, ValidationState } from "./components/input/types";
+import { LabelAlign, LabelAriaLive, LabelClickEvent, LabelCopyEvent, LabelDir, LabelOrientation, LabelSize, LabelTooltipPosition, LabelTransform, LabelVariant, LabelWeight } from "./components/label/types";
 import { MasonryLayoutType } from "./components/masonry/types";
 import { MeterValue } from "./components/meter-group/types";
 import { NavigationItem } from "./components/ui-navigation-bar/navigation-bar/navigation-types";
@@ -43,7 +44,6 @@ import { SliderMark } from "./components/range-slider/types";
 import { RatingType } from "./components/rating/types";
 import { PanelConfig as PanelConfig1 } from "./components/resizable-panel/types";
 import { MenuItem } from "./components/smart-menu/menu-item.interface";
-import { LocationLoader, LocationOption, LocationSearchEvent, LocationSelectionChangeEvent } from "./components/smart-location-dropdown/types";
 import { SnackbarItem, SnackbarOpenMode, SnackbarPosition, SnackbarStackMode, SnackbarType } from "./components/snackbar/types";
 import { SpeedDialAction, SpeedDialLayout, SpeedDialPosition, SpeedDialStrategy } from "./components/speed-dial/types";
 import { SplitterPanel } from "./components/splitter/types";
@@ -84,6 +84,7 @@ export { EmptyStateAction, EmptyStateAlign, EmptyStateItem, EmptyStateSize, Empt
 export { FileUploadValidationError, UploadedFile } from "./components/file-upload/types";
 export { HorizontalNavItem } from "./components/horizontal-nav/horizontal-nav";
 export { InputMask, InputSize, InputType, InputVariant, StatusColor as StatusColor2, ValidationState } from "./components/input/types";
+export { LabelAlign, LabelAriaLive, LabelClickEvent, LabelCopyEvent, LabelDir, LabelOrientation, LabelSize, LabelTooltipPosition, LabelTransform, LabelVariant, LabelWeight } from "./components/label/types";
 export { MasonryLayoutType } from "./components/masonry/types";
 export { MeterValue } from "./components/meter-group/types";
 export { NavigationItem } from "./components/ui-navigation-bar/navigation-bar/navigation-types";
@@ -95,7 +96,6 @@ export { SliderMark } from "./components/range-slider/types";
 export { RatingType } from "./components/rating/types";
 export { PanelConfig as PanelConfig1 } from "./components/resizable-panel/types";
 export { MenuItem } from "./components/smart-menu/menu-item.interface";
-export { LocationLoader, LocationOption, LocationSearchEvent, LocationSelectionChangeEvent } from "./components/smart-location-dropdown/types";
 export { SnackbarItem, SnackbarOpenMode, SnackbarPosition, SnackbarStackMode, SnackbarType } from "./components/snackbar/types";
 export { SpeedDialAction, SpeedDialLayout, SpeedDialPosition, SpeedDialStrategy } from "./components/speed-dial/types";
 export { SplitterPanel } from "./components/splitter/types";
@@ -396,7 +396,7 @@ export namespace Components {
         "autoScroll": boolean;
         /**
           * Background color of the accordion
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor": string;
         "clearSearch": () => Promise<void>;
@@ -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 {
         /**
@@ -1473,8 +1478,7 @@ export namespace Components {
          */
         "backdropBlur": string;
         /**
-          * Background color of the panel
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor": string;
         /**
@@ -1663,7 +1667,7 @@ export namespace Components {
         "toggleShortcut": string;
         /**
           * Animation transition duration (e.g. '0.3s' or '500ms')
-          * @default '1s'
+          * @default '0.3s'
          */
         "transitionDuration": string;
         /**
@@ -1827,6 +1831,10 @@ export namespace Components {
           * @default true
          */
         "imgDraggable": boolean;
+        /**
+          * Size of the status indicator dot. Accepts a number (px) or any CSS size value.
+         */
+        "indicatorSize"?: number | string;
         /**
           * Layout mode for groups: 'stack' or 'grid'
           * @default 'stack'
@@ -2299,6 +2307,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 +3037,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 +3467,7 @@ export namespace Components {
          */
         "checked": boolean;
         /**
-          * @default 'success'
+          * @default 'primary'
          */
         "color": StatusColor;
         /**
@@ -3583,133 +3612,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'
@@ -3795,19 +3697,12 @@ export namespace Components {
          */
         "tsCode": string;
     }
-    interface UiColorController {
-        /**
-          * Label for the entire group
-          * @default ''
-         */
-        "label": string;
+    interface UiColorPicker {
         /**
-          * Current color as a hex string
-          * @default '#10b981'
+          * Compact trigger — shows only the color swatch, no hex label or arrow
+          * @default false
          */
-        "value": string;
-    }
-    interface UiColorPicker {
+        "compact": boolean;
         /**
           * Disabled
           * @default false
@@ -3818,6 +3713,10 @@ export namespace Components {
           * @default 'hex'
          */
         "format": ColorFormat;
+        /**
+          * @default ''
+         */
+        "formats": string | string[];
         /**
           * Show as inline (no trigger button)
           * @default false
@@ -3839,7 +3738,6 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Show alpha channel slider
           * @default false
          */
         "showAlpha": boolean;
@@ -3865,12 +3763,12 @@ export namespace Components {
         "showHex": boolean;
         /**
           * Show HSL input field
-          * @default true
+          * @default false
          */
         "showHsl": boolean;
         /**
           * Show HSLA input field
-          * @default true
+          * @default false
          */
         "showHsla": boolean;
         /**
@@ -3880,12 +3778,12 @@ export namespace Components {
         "showRecent": boolean;
         /**
           * Show RGB input field
-          * @default true
+          * @default false
          */
         "showRgb": boolean;
         /**
           * Show RGBA input field
-          * @default true
+          * @default false
          */
         "showRgba": boolean;
         /**
@@ -4093,7 +3991,7 @@ export namespace Components {
         "backdrop": BackdropType;
         /**
           * Background color of the dialog panel
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor": string;
         /**
@@ -4331,9 +4229,6 @@ export namespace Components {
           * @default false
          */
         "open": boolean;
-        /**
-          * Open the dialog and return a promise that resolves to true when OK is clicked, false on Cancel/Close.
-         */
         "openDialog": () => Promise<boolean>;
         /**
           * Required permissions to view this dialog.
@@ -4417,6 +4312,10 @@ export namespace Components {
           * @default 60
          */
         "sessionTimeout": number;
+        /**
+          * Set the disabled state of the OK button
+         */
+        "setOkDisabled": (disabled: boolean) => Promise<void>;
         /**
           * Set the value to be returned when showWithResult resolves.
          */
@@ -5470,7 +5369,7 @@ export namespace Components {
          */
         "autoCloseOnSuccess": boolean;
         /**
-          * Automatically trigger upload when files are selected
+          * When true (default), upload begins immediately after files are selected. When false, files stay in "Ready" state until the user clicks the Upload button inside the queue dialog.
           * @default true
          */
         "autoUpload": boolean;
@@ -5483,6 +5382,11 @@ export namespace Components {
           * Public API: Clear all files and reset state
          */
         "clear": () => Promise<void>;
+        /**
+          * Allow the user to select an entire folder instead of individual files. Sets webkitdirectory on the hidden input. Implicitly enables multiple.
+          * @default false
+         */
+        "directory": boolean;
         /**
           * Disabled
           * @default false
@@ -5543,7 +5447,7 @@ export namespace Components {
          */
         "showPreview": boolean;
         /**
-          * Show manual upload button
+          * Show manual upload button — overrides auto-upload when true
           * @default false
          */
         "showUploadButton": boolean;
@@ -5557,8 +5461,8 @@ export namespace Components {
          */
         "upload": () => Promise<void>;
         /**
-          * Icon emoji or text
-          * @default '📁'
+          * Custom upload icon: pass a lucide icon name (e.g. "file-plus") or any emoji/text. Defaults to the upload-cloud lucide icon when left empty.
+          * @default ''
          */
         "uploadIcon": string;
         /**
@@ -5571,10 +5475,10 @@ export namespace Components {
          */
         "validateFileName": boolean;
         /**
-          * Variant: 'dropzone' | 'button' | 'compact' | 'sideload'
+          * Variant: 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload'
           * @default 'dropzone'
          */
-        "variant": 'dropzone' | 'button' | 'compact' | 'sideload';
+        "variant": 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload';
     }
     interface UiHorizontalNav {
         /**
@@ -5668,59 +5572,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 +5954,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
@@ -6290,7 +6080,266 @@ export namespace Components {
          */
         "valueSuffix": string;
     }
-    interface UiLibrary {
+    /**
+     * `ui-label` — Enterprise-grade, fully accessible form label component.
+     * @cssvar --ui-label-color              Label text colour.
+     * @cssvar --ui-label-font-size          Label font size.
+     * @cssvar --ui-label-font-weight        Label font weight.
+     * @cssvar --ui-label-gap                Gap between label and associated control direction.
+     * @cssvar --ui-label-required-color     Colour of the required asterisk.
+     * @cssvar --ui-label-disabled-opacity   Opacity when disabled.
+     * @cssvar --ui-label-error-color        Colour used for error / invalid state.
+     * @cssvar --ui-label-success-color      Colour used for success state.
+     * @cssvar --ui-label-hint-color         Colour of hint / helper text.
+     */
+    interface UiLabel {
+        /**
+          * Horizontal alignment of label content.
+          * @default 'start'
+         */
+        "align": LabelAlign;
+        /**
+          * IDs of elements that describe this label (space-separated).
+          * @default ''
+         */
+        "ariaDescribedby": string;
+        /**
+          * Sets `aria-label` on the root element.
+          * @default ''
+         */
+        "ariaLabel": string;
+        /**
+          * Live-region politeness for dynamic content announcements.
+          * @default 'off'
+         */
+        "ariaLive": LabelAriaLive;
+        /**
+          * `data-automation-id` attribute for RPA / automation tooling.
+          * @default ''
+         */
+        "automationId": string;
+        /**
+          * Forces 100 % width block layout (useful inside flex/grid parents).
+          * @default false
+         */
+        "block": boolean;
+        /**
+          * Makes the label itself clickable (fires `labelClick`).
+          * @default false
+         */
+        "clickable": boolean;
+        /**
+          * Alias for `htmlFor`.  `controlId` takes precedence if both are supplied.
+         */
+        "controlId": string;
+        /**
+          * Programmatically trigger the copy-to-clipboard action.
+         */
+        "copyText": () => Promise<void>;
+        /**
+          * Shows a copy-to-clipboard button on hover and fires `labelCopy`.
+          * @default false
+         */
+        "copyable": boolean;
+        /**
+          * Applies disabled styling and prevents interaction.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Icon name rendered after the label text.
+          * @default ''
+         */
+        "endIcon": string;
+        /**
+          * Error message shown below the label when `invalid` is true.
+          * @default ''
+         */
+        "errorText": string;
+        /**
+          * Mirrors the focused state of the associated control so the label can react visually.
+          * @default false
+         */
+        "focused": boolean;
+        /**
+          * Gap between the label row and the hint / error message. Accepts any valid CSS length (e.g. `'4px'`, `'0.5rem'`). Maps to `--ui-label-gap`.
+          * @default ''
+         */
+        "gap": string;
+        /**
+          * Helper / hint text shown below the label.
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * ID of the form control this label is associated with. Renders as a native `for` attribute on the underlying `<label>` element. Supports all standard form controls as well as custom web components.
+         */
+        "htmlFor": string;
+        /**
+          * When true, only icons are shown — label text is visually hidden.
+          * @default false
+         */
+        "iconOnly": boolean;
+        /**
+          * Renders as an inline-level element.
+          * @default false
+         */
+        "inline": boolean;
+        /**
+          * Applies invalid / error styling to the label.
+          * @default false
+         */
+        "invalid": boolean;
+        /**
+          * Plain-text label.  Use the default slot for rich/HTML content instead.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Text direction.
+          * @default 'ltr'
+         */
+        "labelDir": LabelDir;
+        /**
+          * DOM `id` for the root element.  Auto-generated if not provided.
+          * @default ''
+         */
+        "labelId": string;
+        /**
+          * BCP-47 language tag (e.g. `'en'`, `'ar'`, `'fr'`).
+          * @default ''
+         */
+        "labelLang": string;
+        /**
+          * Clamp to N visible lines (CSS `line-clamp`).  Requires `multiline` to be true.
+          * @default 0
+         */
+        "lineClamp": number;
+        /**
+          * Shows a loading skeleton overlaid on the label text.
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * External margin override (CSS shorthand string).
+          * @default ''
+         */
+        "margin": string;
+        /**
+          * On narrow viewports, switches from `horizontal` to `vertical` orientation.
+          * @default false
+         */
+        "mobileStack": boolean;
+        /**
+          * Allow text to wrap across multiple lines (disables truncation).
+          * @default false
+         */
+        "multiline": boolean;
+        /**
+          * Logical name (maps to `name` attribute on the inner label).
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Shows "(optional)" hint text next to the label. Mutually exclusive with `required` — `required` wins if both are set.
+          * @default false
+         */
+        "optional": boolean;
+        /**
+          * Stack direction when used alongside a form control.
+          * @default 'vertical'
+         */
+        "orientation": LabelOrientation;
+        /**
+          * External padding override (CSS shorthand string).
+          * @default ''
+         */
+        "padding": string;
+        /**
+          * Applies read-only styling (dimmed, no pointer events).
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Marks the associated field as required. Shows a required indicator (asterisk by default) and sets `aria-required` on the linked control if possible.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Enable responsive font-size scaling via fluid typography.
+          * @default false
+         */
+        "responsive": boolean;
+        /**
+          * Enables text-selection on the label (disabled by default for form labels).
+          * @default false
+         */
+        "selectable": boolean;
+        /**
+          * Programmatically focus the label element. Useful when the owning form-field component proxies focus behaviour.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Semantic size token.
+          * @default 'md'
+         */
+        "size": LabelSize;
+        /**
+          * Icon name rendered before the label text. Uses the same icon library as the rest of the design system.
+          * @default ''
+         */
+        "startIcon": string;
+        /**
+          * Success message shown below the label when the field is valid and this text is set.
+          * @default ''
+         */
+        "successText": string;
+        /**
+          * Deprecated alias kept for back-compat.  Prefer `htmlFor`.
+         */
+        "target": string;
+        /**
+          * `data-testid` attribute for automated testing.
+          * @default ''
+         */
+        "testId": string;
+        /**
+          * Plain-text tooltip content.  Use the `tooltip` slot for rich markup.
+          * @default ''
+         */
+        "tooltip": string;
+        /**
+          * Icon name or URL for the tooltip trigger button. Defaults to an 'ⓘ' info glyph.
+          * @default 'ⓘ'
+         */
+        "tooltipIcon": string;
+        /**
+          * Preferred position for the tooltip callout.
+          * @default 'top'
+         */
+        "tooltipPosition": LabelTooltipPosition;
+        /**
+          * CSS text-transform value.
+          * @default 'none'
+         */
+        "transform": LabelTransform;
+        /**
+          * Single-line truncation with ellipsis.
+          * @default false
+         */
+        "truncate": boolean;
+        /**
+          * Colour variant.
+          * @default 'default'
+         */
+        "variant": LabelVariant;
+        /**
+          * Font-weight scale.
+          * @default 'medium'
+         */
+        "weight": LabelWeight;
+    }
+    interface UiLibrary {
         /**
           * @default 'demo'
          */
@@ -6390,7 +6439,7 @@ export namespace Components {
          */
         "groupBy": string;
         /**
-          * @default 'Items'
+          * @default ''
          */
         "groupFooterLabel": string;
         /**
@@ -6651,13 +6700,17 @@ export namespace Components {
          */
         "contextMenuPosition": FourSidePosition | 'auto';
         /**
-          * @default 'click'
+          * @default 'rightClick'
          */
         "contextMenuTrigger": 'click' | 'hover' | 'rightClick';
         /**
           * @default ''
          */
         "counter": number | string;
+        /**
+          * @default 'success'
+         */
+        "counterColor": StatusColor;
         /**
           * @default false
          */
@@ -6912,6 +6965,136 @@ export namespace Components {
          */
         "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 'success'
+         */
+        "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;
+        /**
+          * 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;
+        /**
+          * 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
@@ -7148,7 +7331,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 +8577,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
@@ -8432,7 +8640,7 @@ export namespace Components {
         "ticks": number;
         /**
           * Color of unfilled part
-          * @default '#f0f0f0'
+          * @default ''
          */
         "trailColor": string;
         /**
@@ -8601,138 +8809,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)
@@ -8853,7 +8929,7 @@ export namespace Components {
           * Size variant
           * @default 'md'
          */
-        "size": BasicSize;
+        "size": ComponentSize;
         /**
           * Start icon/text
           * @default ''
@@ -9290,9 +9366,9 @@ export namespace Components {
         "animated": boolean;
         /**
           * Animation type: 'pulse' or 'wave'
-          * @default 'pulse'
+          * @default 'neon-sweep'
          */
-        "animationType": 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker';
+        "animationType": 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker' | 'neon-sweep' | 'liquify' | 'aurora';
         /**
           * ARIA label for accessibility
          */
@@ -9450,122 +9526,6 @@ export namespace Components {
         "show": (x: number, y: number) => Promise<void>;
         "target"?: string;
     }
-    interface UiSmartLocationDropdown {
-        /**
-          * Allow custom value creation from search
-          * @default false
-         */
-        "allowCustomValue": boolean;
-        /**
-          * Show clear action
-          * @default true
-         */
-        "clearable": boolean;
-        /**
-          * Search debounce in ms
-          * @default 250
-         */
-        "debounceMs": number;
-        /**
-          * Disables control
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * Force menu position to ignore transformed/positioned parent offsets
-          * @default true
-         */
-        "ignoreParentPosition": boolean;
-        /**
-          * Optional async remote location loader
-         */
-        "loadLocations"?: LocationLoader;
-        /**
-          * Maximum dropdown height in px
-          * @default 360
-         */
-        "maxHeight": number;
-        /**
-          * Max selected items in multi mode (0 = no limit)
-          * @default 0
-         */
-        "maxSelections": number;
-        /**
-          * Enables multiple location selection
-          * @default false
-         */
-        "multiSelect": boolean;
-        /**
-          * Location options as JSON string or array
-          * @default []
-         */
-        "options": string | LocationOption[];
-        /**
-          * Persist recent/favorites in local storage
-          * @default true
-         */
-        "persistState": boolean;
-        /**
-          * Placeholder text for trigger
-          * @default 'Select location'
-         */
-        "placeholder": string;
-        /**
-          * Portal menu to document.body (off by default to preserve shadow styling)
-          * @default false
-         */
-        "portal": boolean;
-        /**
-          * Minimum characters required before async loader executes
-          * @default 2
-         */
-        "remoteMinChars": number;
-        /**
-          * Max results rendered
-          * @default 250
-         */
-        "resultLimit": number;
-        /**
-          * Search placeholder
-          * @default 'Search country, state, city, postal code...'
-         */
-        "searchPlaceholder": string;
-        /**
-          * Enables searching
-          * @default true
-         */
-        "searchable": boolean;
-        /**
-          * Show favorites section
-          * @default true
-         */
-        "showFavorites": boolean;
-        /**
-          * Display full hierarchy path in options and selected tags
-          * @default true
-         */
-        "showPath": boolean;
-        /**
-          * Show recent selections section
-          * @default true
-         */
-        "showRecent": boolean;
-        /**
-          * Show location type badges
-          * @default true
-         */
-        "showTypeBadge": boolean;
-        /**
-          * Storage key for persistent state
-          * @default 'ui-smart-location-dropdown-state'
-         */
-        "storageKey": string;
-        /**
-          * Selected value(s): single => 'id', multi => comma-separated ids
-          * @default ''
-         */
-        "value": string;
-    }
     interface UiSmartStepper {
         /**
           * Current active step index (0-based)
@@ -12276,10 +12236,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;
@@ -12288,10 +12244,6 @@ export interface UiCodePreviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiCodePreviewElement;
 }
-export interface UiColorControllerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiColorControllerElement;
-}
 export interface UiColorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiColorPickerElement;
@@ -12348,10 +12300,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;
@@ -12360,6 +12308,10 @@ export interface UiKnobCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiKnobElement;
 }
+export interface UiLabelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiLabelElement;
+}
 export interface UiListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiListElement;
@@ -12372,6 +12324,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 +12376,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;
@@ -12444,10 +12396,6 @@ export interface UiSmartContextMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiSmartContextMenuElement;
 }
-export interface UiSmartLocationDropdownCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiSmartLocationDropdownElement;
-}
 export interface UiSmartStepperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiSmartStepperElement;
@@ -12947,24 +12895,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;
@@ -13001,23 +12931,6 @@ declare global {
         prototype: HTMLUiCodePreviewElement;
         new (): HTMLUiCodePreviewElement;
     };
-    interface HTMLUiColorControllerElementEventMap {
-        "colorChange": string;
-    }
-    interface HTMLUiColorControllerElement extends Components.UiColorController, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiColorControllerElementEventMap>(type: K, listener: (this: HTMLUiColorControllerElement, ev: UiColorControllerCustomEvent<HTMLUiColorControllerElementEventMap[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 HTMLUiColorControllerElementEventMap>(type: K, listener: (this: HTMLUiColorControllerElement, ev: UiColorControllerCustomEvent<HTMLUiColorControllerElementEventMap[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 HTMLUiColorControllerElement: {
-        prototype: HTMLUiColorControllerElement;
-        new (): HTMLUiColorControllerElement;
-    };
     interface HTMLUiColorPickerElementEventMap {
         "colorChange": string;
     }
@@ -13331,23 +13244,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 +13277,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;
@@ -13405,6 +13295,38 @@ declare global {
         prototype: HTMLUiKnobElement;
         new (): HTMLUiKnobElement;
     };
+    interface HTMLUiLabelElementEventMap {
+        "labelClick": LabelClickEvent;
+        "labelFocus": void;
+        "labelBlur": void;
+        "labelCopy": LabelCopyEvent;
+    }
+    /**
+     * `ui-label` — Enterprise-grade, fully accessible form label component.
+     * @cssvar --ui-label-color              Label text colour.
+     * @cssvar --ui-label-font-size          Label font size.
+     * @cssvar --ui-label-font-weight        Label font weight.
+     * @cssvar --ui-label-gap                Gap between label and associated control direction.
+     * @cssvar --ui-label-required-color     Colour of the required asterisk.
+     * @cssvar --ui-label-disabled-opacity   Opacity when disabled.
+     * @cssvar --ui-label-error-color        Colour used for error / invalid state.
+     * @cssvar --ui-label-success-color      Colour used for success state.
+     * @cssvar --ui-label-hint-color         Colour of hint / helper text.
+     */
+    interface HTMLUiLabelElement extends Components.UiLabel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiLabelElementEventMap>(type: K, listener: (this: HTMLUiLabelElement, ev: UiLabelCustomEvent<HTMLUiLabelElementEventMap[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 HTMLUiLabelElementEventMap>(type: K, listener: (this: HTMLUiLabelElement, ev: UiLabelCustomEvent<HTMLUiLabelElementEventMap[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 HTMLUiLabelElement: {
+        prototype: HTMLUiLabelElement;
+        new (): HTMLUiLabelElement;
+    };
     interface HTMLUiLibraryElement extends Components.UiLibrary, HTMLStencilElement {
     }
     var HTMLUiLibraryElement: {
@@ -13484,6 +13406,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 +13670,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;
@@ -13844,28 +13767,6 @@ declare global {
         prototype: HTMLUiSmartContextMenuElement;
         new (): HTMLUiSmartContextMenuElement;
     };
-    interface HTMLUiSmartLocationDropdownElementEventMap {
-        "locationChange": LocationSelectionChangeEvent;
-        "locationSearch": LocationSearchEvent;
-        "locationOpen": void;
-        "locationClose": void;
-        "locationLoadError": { query: string; message: string };
-        "locationCreate": LocationOption;
-    }
-    interface HTMLUiSmartLocationDropdownElement extends Components.UiSmartLocationDropdown, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiSmartLocationDropdownElementEventMap>(type: K, listener: (this: HTMLUiSmartLocationDropdownElement, ev: UiSmartLocationDropdownCustomEvent<HTMLUiSmartLocationDropdownElementEventMap[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 HTMLUiSmartLocationDropdownElementEventMap>(type: K, listener: (this: HTMLUiSmartLocationDropdownElement, ev: UiSmartLocationDropdownCustomEvent<HTMLUiSmartLocationDropdownElementEventMap[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 HTMLUiSmartLocationDropdownElement: {
-        prototype: HTMLUiSmartLocationDropdownElement;
-        new (): HTMLUiSmartLocationDropdownElement;
-    };
     interface HTMLUiSmartStepperElementEventMap {
         "stepperChange": { index: number; step: HTMLElement };
     }
@@ -14297,10 +14198,8 @@ 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;
         "ui-color-picker": HTMLUiColorPickerElement;
         "ui-command-palette": HTMLUiCommandPaletteElement;
         "ui-context-menu": HTMLUiContextMenuElement;
@@ -14319,14 +14218,14 @@ 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-label": HTMLUiLabelElement;
         "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,14 +14238,12 @@ 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;
         "ui-scroll-top": HTMLUiScrollTopElement;
         "ui-skeleton": HTMLUiSkeletonElement;
         "ui-smart-context-menu": HTMLUiSmartContextMenuElement;
-        "ui-smart-location-dropdown": HTMLUiSmartLocationDropdownElement;
         "ui-smart-stepper": HTMLUiSmartStepperElement;
         "ui-snackbar": HTMLUiSnackbarElement;
         "ui-speed-dial": HTMLUiSpeedDialElement;
@@ -14649,7 +14546,7 @@ declare namespace LocalJSX {
         "autoScroll"?: boolean;
         /**
           * Background color of the accordion
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor"?: string;
         /**
@@ -14921,10 +14818,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 {
         /**
@@ -15731,8 +15633,7 @@ declare namespace LocalJSX {
          */
         "backdropBlur"?: string;
         /**
-          * Background color of the panel
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor"?: string;
         /**
@@ -15920,7 +15821,7 @@ declare namespace LocalJSX {
         "toggleShortcut"?: string;
         /**
           * Animation transition duration (e.g. '0.3s' or '500ms')
-          * @default '1s'
+          * @default '0.3s'
          */
         "transitionDuration"?: string;
         /**
@@ -16084,6 +15985,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "imgDraggable"?: boolean;
+        /**
+          * Size of the status indicator dot. Accepts a number (px) or any CSS size value.
+         */
+        "indicatorSize"?: number | string;
         /**
           * Layout mode for groups: 'stack' or 'grid'
           * @default 'stack'
@@ -16592,6 +16497,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 +17256,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 +17690,7 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * @default 'success'
+          * @default 'primary'
          */
         "color"?: StatusColor;
         /**
@@ -17916,139 +17842,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'
@@ -18144,23 +17937,12 @@ declare namespace LocalJSX {
          */
         "tsCode"?: string;
     }
-    interface UiColorController {
-        /**
-          * Label for the entire group
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * Emitted when any color channel changes
-         */
-        "onColorChange"?: (event: UiColorControllerCustomEvent<string>) => void;
+    interface UiColorPicker {
         /**
-          * Current color as a hex string
-          * @default '#10b981'
+          * Compact trigger — shows only the color swatch, no hex label or arrow
+          * @default false
          */
-        "value"?: string;
-    }
-    interface UiColorPicker {
+        "compact"?: boolean;
         /**
           * Disabled
           * @default false
@@ -18175,6 +17957,10 @@ declare namespace LocalJSX {
           * @default 'hex'
          */
         "format"?: ColorFormat;
+        /**
+          * @default ''
+         */
+        "formats"?: string | string[];
         /**
           * Show as inline (no trigger button)
           * @default false
@@ -18197,7 +17983,6 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Show alpha channel slider
           * @default false
          */
         "showAlpha"?: boolean;
@@ -18223,12 +18008,12 @@ declare namespace LocalJSX {
         "showHex"?: boolean;
         /**
           * Show HSL input field
-          * @default true
+          * @default false
          */
         "showHsl"?: boolean;
         /**
           * Show HSLA input field
-          * @default true
+          * @default false
          */
         "showHsla"?: boolean;
         /**
@@ -18238,12 +18023,12 @@ declare namespace LocalJSX {
         "showRecent"?: boolean;
         /**
           * Show RGB input field
-          * @default true
+          * @default false
          */
         "showRgb"?: boolean;
         /**
           * Show RGBA input field
-          * @default true
+          * @default false
          */
         "showRgba"?: boolean;
         /**
@@ -18466,7 +18251,7 @@ declare namespace LocalJSX {
         "backdrop"?: BackdropType;
         /**
           * Background color of the dialog panel
-          * @default 'white'
+          * @default ''
          */
         "backgroundColor"?: string;
         /**
@@ -19913,7 +19698,7 @@ declare namespace LocalJSX {
          */
         "autoCloseOnSuccess"?: boolean;
         /**
-          * Automatically trigger upload when files are selected
+          * When true (default), upload begins immediately after files are selected. When false, files stay in "Ready" state until the user clicks the Upload button inside the queue dialog.
           * @default true
          */
         "autoUpload"?: boolean;
@@ -19922,6 +19707,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "capture"?: 'user' | 'environment' | boolean;
+        /**
+          * Allow the user to select an entire folder instead of individual files. Sets webkitdirectory on the hidden input. Implicitly enables multiple.
+          * @default false
+         */
+        "directory"?: boolean;
         /**
           * Disabled
           * @default false
@@ -19984,7 +19774,7 @@ declare namespace LocalJSX {
          */
         "showPreview"?: boolean;
         /**
-          * Show manual upload button
+          * Show manual upload button — overrides auto-upload when true
           * @default false
          */
         "showUploadButton"?: boolean;
@@ -19994,8 +19784,8 @@ declare namespace LocalJSX {
          */
         "showValidateButton"?: boolean;
         /**
-          * Icon emoji or text
-          * @default '📁'
+          * Custom upload icon: pass a lucide icon name (e.g. "file-plus") or any emoji/text. Defaults to the upload-cloud lucide icon when left empty.
+          * @default ''
          */
         "uploadIcon"?: string;
         /**
@@ -20004,10 +19794,10 @@ declare namespace LocalJSX {
          */
         "validateFileName"?: boolean;
         /**
-          * Variant: 'dropzone' | 'button' | 'compact' | 'sideload'
+          * Variant: 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload'
           * @default 'dropzone'
          */
-        "variant"?: 'dropzone' | 'button' | 'compact' | 'sideload';
+        "variant"?: 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload';
     }
     interface UiHorizontalNav {
         /**
@@ -20105,60 +19895,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 +20295,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
@@ -20713,50 +20388,317 @@ declare namespace LocalJSX {
          */
         "snap"?: boolean;
         /**
-          * Start angle in degrees (0 = top, 90 = right)
-          * @default 135
+          * Start angle in degrees (0 = top, 90 = right)
+          * @default 135
+         */
+        "startAngle"?: number;
+        /**
+          * Step increment
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * Stroke width
+          * @default 8
+         */
+        "strokeWidth"?: number;
+        /**
+          * Tick color
+          * @default '#94a3b8'
+         */
+        "tickColor"?: string;
+        /**
+          * Number of tick marks to render along the arc
+          * @default 10
+         */
+        "tickCount"?: number;
+        /**
+          * Tick length factor relative to radius (0-1)
+          * @default 0.1
+         */
+        "tickLength"?: number;
+        /**
+          * Color of the track
+          * @default '#e2e8f0'
+         */
+        "trackColor"?: string;
+        /**
+          * Current value
+          * @default 0
+         */
+        "value"?: number;
+        /**
+          * Custom value suffix (e.g., '%', '°', 'dB')
+          * @default ''
+         */
+        "valueSuffix"?: string;
+    }
+    /**
+     * `ui-label` — Enterprise-grade, fully accessible form label component.
+     * @cssvar --ui-label-color              Label text colour.
+     * @cssvar --ui-label-font-size          Label font size.
+     * @cssvar --ui-label-font-weight        Label font weight.
+     * @cssvar --ui-label-gap                Gap between label and associated control direction.
+     * @cssvar --ui-label-required-color     Colour of the required asterisk.
+     * @cssvar --ui-label-disabled-opacity   Opacity when disabled.
+     * @cssvar --ui-label-error-color        Colour used for error / invalid state.
+     * @cssvar --ui-label-success-color      Colour used for success state.
+     * @cssvar --ui-label-hint-color         Colour of hint / helper text.
+     */
+    interface UiLabel {
+        /**
+          * Horizontal alignment of label content.
+          * @default 'start'
+         */
+        "align"?: LabelAlign;
+        /**
+          * IDs of elements that describe this label (space-separated).
+          * @default ''
+         */
+        "ariaDescribedby"?: string;
+        /**
+          * Sets `aria-label` on the root element.
+          * @default ''
+         */
+        "ariaLabel"?: string;
+        /**
+          * Live-region politeness for dynamic content announcements.
+          * @default 'off'
+         */
+        "ariaLive"?: LabelAriaLive;
+        /**
+          * `data-automation-id` attribute for RPA / automation tooling.
+          * @default ''
+         */
+        "automationId"?: string;
+        /**
+          * Forces 100 % width block layout (useful inside flex/grid parents).
+          * @default false
+         */
+        "block"?: boolean;
+        /**
+          * Makes the label itself clickable (fires `labelClick`).
+          * @default false
+         */
+        "clickable"?: boolean;
+        /**
+          * Alias for `htmlFor`.  `controlId` takes precedence if both are supplied.
+         */
+        "controlId"?: string;
+        /**
+          * Shows a copy-to-clipboard button on hover and fires `labelCopy`.
+          * @default false
+         */
+        "copyable"?: boolean;
+        /**
+          * Applies disabled styling and prevents interaction.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Icon name rendered after the label text.
+          * @default ''
+         */
+        "endIcon"?: string;
+        /**
+          * Error message shown below the label when `invalid` is true.
+          * @default ''
+         */
+        "errorText"?: string;
+        /**
+          * Mirrors the focused state of the associated control so the label can react visually.
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * Gap between the label row and the hint / error message. Accepts any valid CSS length (e.g. `'4px'`, `'0.5rem'`). Maps to `--ui-label-gap`.
+          * @default ''
+         */
+        "gap"?: string;
+        /**
+          * Helper / hint text shown below the label.
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * ID of the form control this label is associated with. Renders as a native `for` attribute on the underlying `<label>` element. Supports all standard form controls as well as custom web components.
+         */
+        "htmlFor"?: string;
+        /**
+          * When true, only icons are shown — label text is visually hidden.
+          * @default false
+         */
+        "iconOnly"?: boolean;
+        /**
+          * Renders as an inline-level element.
+          * @default false
+         */
+        "inline"?: boolean;
+        /**
+          * Applies invalid / error styling to the label.
+          * @default false
+         */
+        "invalid"?: boolean;
+        /**
+          * Plain-text label.  Use the default slot for rich/HTML content instead.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Text direction.
+          * @default 'ltr'
+         */
+        "labelDir"?: LabelDir;
+        /**
+          * DOM `id` for the root element.  Auto-generated if not provided.
+          * @default ''
+         */
+        "labelId"?: string;
+        /**
+          * BCP-47 language tag (e.g. `'en'`, `'ar'`, `'fr'`).
+          * @default ''
+         */
+        "labelLang"?: string;
+        /**
+          * Clamp to N visible lines (CSS `line-clamp`).  Requires `multiline` to be true.
+          * @default 0
+         */
+        "lineClamp"?: number;
+        /**
+          * Shows a loading skeleton overlaid on the label text.
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * External margin override (CSS shorthand string).
+          * @default ''
+         */
+        "margin"?: string;
+        /**
+          * On narrow viewports, switches from `horizontal` to `vertical` orientation.
+          * @default false
+         */
+        "mobileStack"?: boolean;
+        /**
+          * Allow text to wrap across multiple lines (disables truncation).
+          * @default false
+         */
+        "multiline"?: boolean;
+        /**
+          * Logical name (maps to `name` attribute on the inner label).
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Fired when the label loses focus.
+         */
+        "onLabelBlur"?: (event: UiLabelCustomEvent<void>) => void;
+        /**
+          * Fired when the label element is clicked (requires `clickable` or naturally via `for`).
+         */
+        "onLabelClick"?: (event: UiLabelCustomEvent<LabelClickEvent>) => void;
+        /**
+          * Fired after text is successfully copied to the clipboard (`copyable` must be true).
+         */
+        "onLabelCopy"?: (event: UiLabelCustomEvent<LabelCopyEvent>) => void;
+        /**
+          * Fired when the label receives focus (passes through from the native label).
+         */
+        "onLabelFocus"?: (event: UiLabelCustomEvent<void>) => void;
+        /**
+          * Shows "(optional)" hint text next to the label. Mutually exclusive with `required` — `required` wins if both are set.
+          * @default false
+         */
+        "optional"?: boolean;
+        /**
+          * Stack direction when used alongside a form control.
+          * @default 'vertical'
+         */
+        "orientation"?: LabelOrientation;
+        /**
+          * External padding override (CSS shorthand string).
+          * @default ''
+         */
+        "padding"?: string;
+        /**
+          * Applies read-only styling (dimmed, no pointer events).
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Marks the associated field as required. Shows a required indicator (asterisk by default) and sets `aria-required` on the linked control if possible.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Enable responsive font-size scaling via fluid typography.
+          * @default false
+         */
+        "responsive"?: boolean;
+        /**
+          * Enables text-selection on the label (disabled by default for form labels).
+          * @default false
+         */
+        "selectable"?: boolean;
+        /**
+          * Semantic size token.
+          * @default 'md'
+         */
+        "size"?: LabelSize;
+        /**
+          * Icon name rendered before the label text. Uses the same icon library as the rest of the design system.
+          * @default ''
+         */
+        "startIcon"?: string;
+        /**
+          * Success message shown below the label when the field is valid and this text is set.
+          * @default ''
+         */
+        "successText"?: string;
+        /**
+          * Deprecated alias kept for back-compat.  Prefer `htmlFor`.
          */
-        "startAngle"?: number;
+        "target"?: string;
         /**
-          * Step increment
-          * @default 1
+          * `data-testid` attribute for automated testing.
+          * @default ''
          */
-        "step"?: number;
+        "testId"?: string;
         /**
-          * Stroke width
-          * @default 8
+          * Plain-text tooltip content.  Use the `tooltip` slot for rich markup.
+          * @default ''
          */
-        "strokeWidth"?: number;
+        "tooltip"?: string;
         /**
-          * Tick color
-          * @default '#94a3b8'
+          * Icon name or URL for the tooltip trigger button. Defaults to an 'ⓘ' info glyph.
+          * @default 'ⓘ'
          */
-        "tickColor"?: string;
+        "tooltipIcon"?: string;
         /**
-          * Number of tick marks to render along the arc
-          * @default 10
+          * Preferred position for the tooltip callout.
+          * @default 'top'
          */
-        "tickCount"?: number;
+        "tooltipPosition"?: LabelTooltipPosition;
         /**
-          * Tick length factor relative to radius (0-1)
-          * @default 0.1
+          * CSS text-transform value.
+          * @default 'none'
          */
-        "tickLength"?: number;
+        "transform"?: LabelTransform;
         /**
-          * Color of the track
-          * @default '#e2e8f0'
+          * Single-line truncation with ellipsis.
+          * @default false
          */
-        "trackColor"?: string;
+        "truncate"?: boolean;
         /**
-          * Current value
-          * @default 0
+          * Colour variant.
+          * @default 'default'
          */
-        "value"?: number;
+        "variant"?: LabelVariant;
         /**
-          * Custom value suffix (e.g., '%', '°', 'dB')
-          * @default ''
+          * Font-weight scale.
+          * @default 'medium'
          */
-        "valueSuffix"?: string;
+        "weight"?: LabelWeight;
     }
     interface UiLibrary {
         /**
@@ -20858,7 +20800,7 @@ declare namespace LocalJSX {
          */
         "groupBy"?: string;
         /**
-          * @default 'Items'
+          * @default ''
          */
         "groupFooterLabel"?: string;
         /**
@@ -21132,13 +21074,17 @@ declare namespace LocalJSX {
          */
         "contextMenuPosition"?: FourSidePosition | 'auto';
         /**
-          * @default 'click'
+          * @default 'rightClick'
          */
         "contextMenuTrigger"?: 'click' | 'hover' | 'rightClick';
         /**
           * @default ''
          */
         "counter"?: number | string;
+        /**
+          * @default 'success'
+         */
+        "counterColor"?: StatusColor;
         /**
           * @default false
          */
@@ -21404,6 +21350,138 @@ declare namespace LocalJSX {
          */
         "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 'success'
+         */
+        "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;
+        /**
+          * 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
@@ -21650,7 +21728,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 +23053,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
@@ -23013,7 +23116,7 @@ declare namespace LocalJSX {
         "ticks"?: number;
         /**
           * Color of unfilled part
-          * @default '#f0f0f0'
+          * @default ''
          */
         "trailColor"?: string;
         /**
@@ -23092,140 +23195,23 @@ declare namespace LocalJSX {
          */
         "glow"?: boolean;
         /**
-          * High-Fidelity: Enable haptic feedback
-          * @default false
-         */
-        "haptic"?: boolean;
-        /**
-          * High-Fidelity: Haptic intensity
-          * @default 'light'
-         */
-        "hapticIntensity"?: 'light' | 'md' | 'heavy';
-        /**
-          * @default false
-         */
-        "invalid"?: boolean;
-        /**
-          * @default false
-         */
-        "isButton"?: boolean;
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default 'right'
-         */
-        "labelPosition"?: FourSidePosition;
-        /**
-          * @default ''
-         */
-        "name"?: string;
-        "onAnalyticsEvent"?: (event: UiRadioCustomEvent<{ checked: boolean; value: string }>) => void;
-        "onRadioBlur"?: (event: UiRadioCustomEvent<void>) => void;
-        "onRadioChange"?: (event: UiRadioCustomEvent<{ checked: boolean; value: string; }>) => void;
-        "onRadioFocus"?: (event: UiRadioCustomEvent<void>) => void;
-        /**
-          * @default 0
-         */
-        "radioTabIndex"?: number;
-        /**
-          * @default false
-         */
-        "readonly"?: boolean;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
-        /**
-          * Entry animation when mounting
-          * @default 'none'
-         */
-        "reveal"?: 'none' | 'fade-in' | 'slide-up' | 'zoom';
-        /**
-          * Delay for entry animation (ms)
-          * @default 0
-         */
-        "revealDelay"?: number;
-        /**
-          * @default true
-         */
-        "rippleEffect"?: boolean;
-        /**
-          * @default false
-         */
-        "rtl"?: boolean;
-        /**
-          * @default true
-         */
-        "showDot"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: ComponentSize;
-        /**
-          * @default false
-         */
-        "skeleton"?: boolean;
-        "tooltip"?: string;
-        /**
-          * @default 'top'
-         */
-        "tooltipPosition"?: FourSidePosition;
-        /**
-          * @default ''
-         */
-        "value"?: string;
-        /**
-          * @default 'default'
-         */
-        "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'
+          * High-Fidelity: Enable haptic feedback
+          * @default false
          */
-        "gap"?: string;
+        "haptic"?: boolean;
         /**
-          * @default ''
+          * High-Fidelity: Haptic intensity
+          * @default 'light'
          */
-        "helperText"?: string;
+        "hapticIntensity"?: 'light' | 'md' | 'heavy';
         /**
           * @default false
          */
         "invalid"?: boolean;
+        /**
+          * @default false
+         */
+        "isButton"?: boolean;
         /**
           * @default ''
          */
@@ -23233,20 +23219,19 @@ declare namespace LocalJSX {
         /**
           * @default 'right'
          */
-        "labelPosition"?: LeftRight;
-        /**
-          * @default 'vertical'
-         */
-        "layout"?: Orientation | 'grid';
+        "labelPosition"?: FourSidePosition;
         /**
           * @default ''
          */
         "name"?: string;
-        "onRadioGroupChange"?: (event: UiRadioGroupCustomEvent<{ value: string; }>) => void;
+        "onAnalyticsEvent"?: (event: UiRadioCustomEvent<{ checked: boolean; value: string }>) => void;
+        "onRadioBlur"?: (event: UiRadioCustomEvent<void>) => void;
+        "onRadioChange"?: (event: UiRadioCustomEvent<{ checked: boolean; value: string; }>) => void;
+        "onRadioFocus"?: (event: UiRadioCustomEvent<void>) => void;
         /**
-          * @default []
+          * @default 0
          */
-        "options"?: Array<{ value: string; label: string; description?: string; disabled?: boolean; }> | string;
+        "radioTabIndex"?: number;
         /**
           * @default false
          */
@@ -23256,7 +23241,7 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Entrance animation
+          * Entry animation when mounting
           * @default 'none'
          */
         "reveal"?: 'none' | 'fade-in' | 'slide-up' | 'zoom';
@@ -23265,30 +23250,14 @@ declare namespace LocalJSX {
           * @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
          */
@@ -23301,6 +23270,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "skeleton"?: boolean;
+        "tooltip"?: string;
+        /**
+          * @default 'top'
+         */
+        "tooltipPosition"?: FourSidePosition;
         /**
           * @default ''
          */
@@ -23308,7 +23282,7 @@ declare namespace LocalJSX {
         /**
           * @default 'default'
          */
-        "variant"?: 'default' | 'bordered' | 'underlined' | 'card';
+        "variant"?: 'default' | 'bordered' | 'underlined' | 'card' | 'glass' | 'raised';
     }
     interface UiRangeSlider {
         /**
@@ -23450,7 +23424,7 @@ declare namespace LocalJSX {
           * Size variant
           * @default 'md'
          */
-        "size"?: BasicSize;
+        "size"?: ComponentSize;
         /**
           * Start icon/text
           * @default ''
@@ -23895,9 +23869,9 @@ declare namespace LocalJSX {
         "animated"?: boolean;
         /**
           * Animation type: 'pulse' or 'wave'
-          * @default 'pulse'
+          * @default 'neon-sweep'
          */
-        "animationType"?: 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker';
+        "animationType"?: 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker' | 'neon-sweep' | 'liquify' | 'aurora';
         /**
           * ARIA label for accessibility
          */
@@ -24065,128 +24039,6 @@ declare namespace LocalJSX {
         "onMenuItemClick"?: (event: UiSmartContextMenuCustomEvent<{ label: string; item: MenuItem }>) => void;
         "target"?: string;
     }
-    interface UiSmartLocationDropdown {
-        /**
-          * Allow custom value creation from search
-          * @default false
-         */
-        "allowCustomValue"?: boolean;
-        /**
-          * Show clear action
-          * @default true
-         */
-        "clearable"?: boolean;
-        /**
-          * Search debounce in ms
-          * @default 250
-         */
-        "debounceMs"?: number;
-        /**
-          * Disables control
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * Force menu position to ignore transformed/positioned parent offsets
-          * @default true
-         */
-        "ignoreParentPosition"?: boolean;
-        /**
-          * Optional async remote location loader
-         */
-        "loadLocations"?: LocationLoader;
-        /**
-          * Maximum dropdown height in px
-          * @default 360
-         */
-        "maxHeight"?: number;
-        /**
-          * Max selected items in multi mode (0 = no limit)
-          * @default 0
-         */
-        "maxSelections"?: number;
-        /**
-          * Enables multiple location selection
-          * @default false
-         */
-        "multiSelect"?: boolean;
-        "onLocationChange"?: (event: UiSmartLocationDropdownCustomEvent<LocationSelectionChangeEvent>) => void;
-        "onLocationClose"?: (event: UiSmartLocationDropdownCustomEvent<void>) => void;
-        "onLocationCreate"?: (event: UiSmartLocationDropdownCustomEvent<LocationOption>) => void;
-        "onLocationLoadError"?: (event: UiSmartLocationDropdownCustomEvent<{ query: string; message: string }>) => void;
-        "onLocationOpen"?: (event: UiSmartLocationDropdownCustomEvent<void>) => void;
-        "onLocationSearch"?: (event: UiSmartLocationDropdownCustomEvent<LocationSearchEvent>) => void;
-        /**
-          * Location options as JSON string or array
-          * @default []
-         */
-        "options"?: string | LocationOption[];
-        /**
-          * Persist recent/favorites in local storage
-          * @default true
-         */
-        "persistState"?: boolean;
-        /**
-          * Placeholder text for trigger
-          * @default 'Select location'
-         */
-        "placeholder"?: string;
-        /**
-          * Portal menu to document.body (off by default to preserve shadow styling)
-          * @default false
-         */
-        "portal"?: boolean;
-        /**
-          * Minimum characters required before async loader executes
-          * @default 2
-         */
-        "remoteMinChars"?: number;
-        /**
-          * Max results rendered
-          * @default 250
-         */
-        "resultLimit"?: number;
-        /**
-          * Search placeholder
-          * @default 'Search country, state, city, postal code...'
-         */
-        "searchPlaceholder"?: string;
-        /**
-          * Enables searching
-          * @default true
-         */
-        "searchable"?: boolean;
-        /**
-          * Show favorites section
-          * @default true
-         */
-        "showFavorites"?: boolean;
-        /**
-          * Display full hierarchy path in options and selected tags
-          * @default true
-         */
-        "showPath"?: boolean;
-        /**
-          * Show recent selections section
-          * @default true
-         */
-        "showRecent"?: boolean;
-        /**
-          * Show location type badges
-          * @default true
-         */
-        "showTypeBadge"?: boolean;
-        /**
-          * Storage key for persistent state
-          * @default 'ui-smart-location-dropdown-state'
-         */
-        "storageKey"?: string;
-        /**
-          * Selected value(s): single => 'id', multi => comma-separated ids
-          * @default ''
-         */
-        "value"?: string;
-    }
     interface UiSmartStepper {
         /**
           * Current active step index (0-based)
@@ -26866,7 +26718,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;
@@ -27123,6 +26976,7 @@ declare namespace LocalJSX {
         "status": StatusIndicator;
         "statusPosition": FourCornerPosition;
         "showStatus": boolean;
+        "indicatorSize": string;
         "badge": string;
         "badgePosition": FourCornerPosition;
         "badgeColor": string;
@@ -27264,6 +27118,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 +27278,7 @@ declare namespace LocalJSX {
         "collapsible": boolean;
         "collapsed": boolean;
         "closable": boolean;
+        "closed": boolean;
         "selectable": boolean;
         "selected": boolean;
         "clickable": boolean;
@@ -27530,36 +27389,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';
@@ -27580,10 +27409,6 @@ declare namespace LocalJSX {
         "expanded": boolean;
         "showReset": boolean;
     }
-    interface UiColorControllerAttributes {
-        "value": string;
-        "label": string;
-    }
     interface UiColorPickerAttributes {
         "value": string;
         "label": string;
@@ -27592,6 +27417,7 @@ declare namespace LocalJSX {
         "showRgba": boolean;
         "showHsl": boolean;
         "showHsla": boolean;
+        "formats": string | string[];
         "showAlpha": boolean;
         "showSwatches": boolean;
         "swatches": string[] | string;
@@ -27606,6 +27432,7 @@ declare namespace LocalJSX {
         "showColorName": boolean;
         "showGradient": boolean;
         "variant": ColorPickerVariant;
+        "compact": boolean;
     }
     interface UiCommandPaletteAttributes {
         "commands": CommandItem[] | string;
@@ -27962,7 +27789,7 @@ declare namespace LocalJSX {
         "maxFiles": number;
         "showPreview": boolean;
         "disabled": boolean;
-        "variant": 'dropzone' | 'button' | 'compact' | 'sideload';
+        "variant": 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload';
         "uploadIcon": string;
         "rtl": boolean;
         "capture": string;
@@ -27972,6 +27799,7 @@ declare namespace LocalJSX {
         "showUploadButton": boolean;
         "autoUpload": boolean;
         "autoCloseOnSuccess": boolean;
+        "directory": boolean;
         "headerTitle": string;
     }
     interface UiHorizontalNavAttributes {
@@ -27997,19 +27825,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 +27935,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;
@@ -28161,6 +27962,56 @@ declare namespace LocalJSX {
         "snap": boolean;
         "allowInput": boolean;
     }
+    interface UiLabelAttributes {
+        "htmlFor": string;
+        "controlId": string;
+        "target": string;
+        "label": string;
+        "size": LabelSize;
+        "weight": LabelWeight;
+        "transform": LabelTransform;
+        "truncate": boolean;
+        "multiline": boolean;
+        "lineClamp": number;
+        "variant": LabelVariant;
+        "required": boolean;
+        "optional": boolean;
+        "disabled": boolean;
+        "readonly": boolean;
+        "invalid": boolean;
+        "focused": boolean;
+        "loading": boolean;
+        "errorText": string;
+        "successText": string;
+        "helperText": string;
+        "ariaLabel": string;
+        "ariaDescribedby": string;
+        "ariaLive": LabelAriaLive;
+        "orientation": LabelOrientation;
+        "align": LabelAlign;
+        "inline": boolean;
+        "block": boolean;
+        "gap": string;
+        "margin": string;
+        "padding": string;
+        "startIcon": string;
+        "endIcon": string;
+        "iconOnly": boolean;
+        "tooltipIcon": string;
+        "tooltip": string;
+        "tooltipPosition": LabelTooltipPosition;
+        "clickable": boolean;
+        "selectable": boolean;
+        "copyable": boolean;
+        "responsive": boolean;
+        "mobileStack": boolean;
+        "labelDir": LabelDir;
+        "labelLang": string;
+        "labelId": string;
+        "name": string;
+        "testId": string;
+        "automationId": string;
+    }
     interface UiLibraryAttributes {
         "mode": 'demo' | 'doc';
     }
@@ -28265,6 +28116,7 @@ declare namespace LocalJSX {
         "badge": string;
         "badgeColor": StatusColor;
         "counter": string;
+        "counterColor": StatusColor;
         "tags": string | any[];
         "image": string;
         "userAvatar": string;
@@ -28302,6 +28154,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 +28474,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 +28504,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 +28550,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;
@@ -28711,7 +28564,7 @@ declare namespace LocalJSX {
         "tooltipAlwaysVisible": boolean;
         "color": string | { from: string; to: string } | { min: number; max: number; color: string }[];
         "trackColor": string;
-        "size": BasicSize;
+        "size": ComponentSize;
         "startIcon": string;
         "endIcon": string;
         "displayFormat": string;
@@ -28845,7 +28698,7 @@ declare namespace LocalJSX {
         "height": string;
         "borderRadius": string;
         "animated": boolean;
-        "animationType": 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker';
+        "animationType": 'pulse' | 'wave' | 'shimmer' | 'sheen' | 'glow' | 'flicker' | 'neon-sweep' | 'liquify' | 'aurora';
         "customClass": string;
         "delay": number;
         "waveAngle": string;
@@ -28858,30 +28711,6 @@ declare namespace LocalJSX {
         "target": string;
         "iconLibrary": 'se' | 'fontawesome' | 'icons8' | 'iconoir' | 'ionicons' | 'lucide' | 'bootstrap' | 'default';
     }
-    interface UiSmartLocationDropdownAttributes {
-        "options": string | LocationOption[];
-        "value": string;
-        "multiSelect": boolean;
-        "placeholder": string;
-        "searchable": boolean;
-        "searchPlaceholder": string;
-        "disabled": boolean;
-        "clearable": boolean;
-        "maxHeight": number;
-        "debounceMs": number;
-        "maxSelections": number;
-        "resultLimit": number;
-        "showRecent": boolean;
-        "showFavorites": boolean;
-        "persistState": boolean;
-        "storageKey": string;
-        "showPath": boolean;
-        "showTypeBadge": boolean;
-        "allowCustomValue": boolean;
-        "ignoreParentPosition": boolean;
-        "portal": boolean;
-        "remoteMinChars": number;
-    }
     interface UiSmartStepperAttributes {
         "orientation": 'horizontal' | 'vertical';
         "size": 'sm' | 'md' | 'lg';
@@ -29443,10 +29272,8 @@ 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] };
         "ui-color-picker": Omit<UiColorPicker, keyof UiColorPickerAttributes> & { [K in keyof UiColorPicker & keyof UiColorPickerAttributes]?: UiColorPicker[K] } & { [K in keyof UiColorPicker & keyof UiColorPickerAttributes as `attr:${K}`]?: UiColorPickerAttributes[K] } & { [K in keyof UiColorPicker & keyof UiColorPickerAttributes as `prop:${K}`]?: UiColorPicker[K] };
         "ui-command-palette": Omit<UiCommandPalette, keyof UiCommandPaletteAttributes> & { [K in keyof UiCommandPalette & keyof UiCommandPaletteAttributes]?: UiCommandPalette[K] } & { [K in keyof UiCommandPalette & keyof UiCommandPaletteAttributes as `attr:${K}`]?: UiCommandPaletteAttributes[K] } & { [K in keyof UiCommandPalette & keyof UiCommandPaletteAttributes as `prop:${K}`]?: UiCommandPalette[K] };
         "ui-context-menu": Omit<UiContextMenu, keyof UiContextMenuAttributes> & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes]?: UiContextMenu[K] } & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes as `attr:${K}`]?: UiContextMenuAttributes[K] } & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes as `prop:${K}`]?: UiContextMenu[K] };
@@ -29465,14 +29292,14 @@ 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-label": Omit<UiLabel, keyof UiLabelAttributes> & { [K in keyof UiLabel & keyof UiLabelAttributes]?: UiLabel[K] } & { [K in keyof UiLabel & keyof UiLabelAttributes as `attr:${K}`]?: UiLabelAttributes[K] } & { [K in keyof UiLabel & keyof UiLabelAttributes as `prop:${K}`]?: UiLabel[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,14 +29312,12 @@ 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] };
         "ui-scroll-top": Omit<UiScrollTop, keyof UiScrollTopAttributes> & { [K in keyof UiScrollTop & keyof UiScrollTopAttributes]?: UiScrollTop[K] } & { [K in keyof UiScrollTop & keyof UiScrollTopAttributes as `attr:${K}`]?: UiScrollTopAttributes[K] } & { [K in keyof UiScrollTop & keyof UiScrollTopAttributes as `prop:${K}`]?: UiScrollTop[K] };
         "ui-skeleton": Omit<UiSkeleton, keyof UiSkeletonAttributes> & { [K in keyof UiSkeleton & keyof UiSkeletonAttributes]?: UiSkeleton[K] } & { [K in keyof UiSkeleton & keyof UiSkeletonAttributes as `attr:${K}`]?: UiSkeletonAttributes[K] } & { [K in keyof UiSkeleton & keyof UiSkeletonAttributes as `prop:${K}`]?: UiSkeleton[K] };
         "ui-smart-context-menu": Omit<UiSmartContextMenu, keyof UiSmartContextMenuAttributes> & { [K in keyof UiSmartContextMenu & keyof UiSmartContextMenuAttributes]?: UiSmartContextMenu[K] } & { [K in keyof UiSmartContextMenu & keyof UiSmartContextMenuAttributes as `attr:${K}`]?: UiSmartContextMenuAttributes[K] } & { [K in keyof UiSmartContextMenu & keyof UiSmartContextMenuAttributes as `prop:${K}`]?: UiSmartContextMenu[K] };
-        "ui-smart-location-dropdown": Omit<UiSmartLocationDropdown, keyof UiSmartLocationDropdownAttributes> & { [K in keyof UiSmartLocationDropdown & keyof UiSmartLocationDropdownAttributes]?: UiSmartLocationDropdown[K] } & { [K in keyof UiSmartLocationDropdown & keyof UiSmartLocationDropdownAttributes as `attr:${K}`]?: UiSmartLocationDropdownAttributes[K] } & { [K in keyof UiSmartLocationDropdown & keyof UiSmartLocationDropdownAttributes as `prop:${K}`]?: UiSmartLocationDropdown[K] };
         "ui-smart-stepper": Omit<UiSmartStepper, keyof UiSmartStepperAttributes> & { [K in keyof UiSmartStepper & keyof UiSmartStepperAttributes]?: UiSmartStepper[K] } & { [K in keyof UiSmartStepper & keyof UiSmartStepperAttributes as `attr:${K}`]?: UiSmartStepperAttributes[K] } & { [K in keyof UiSmartStepper & keyof UiSmartStepperAttributes as `prop:${K}`]?: UiSmartStepper[K] };
         "ui-snackbar": Omit<UiSnackbar, keyof UiSnackbarAttributes> & { [K in keyof UiSnackbar & keyof UiSnackbarAttributes]?: UiSnackbar[K] } & { [K in keyof UiSnackbar & keyof UiSnackbarAttributes as `attr:${K}`]?: UiSnackbarAttributes[K] } & { [K in keyof UiSnackbar & keyof UiSnackbarAttributes as `prop:${K}`]?: UiSnackbar[K] };
         "ui-speed-dial": Omit<UiSpeedDial, keyof UiSpeedDialAttributes> & { [K in keyof UiSpeedDial & keyof UiSpeedDialAttributes]?: UiSpeedDial[K] } & { [K in keyof UiSpeedDial & keyof UiSpeedDialAttributes as `attr:${K}`]?: UiSpeedDialAttributes[K] } & { [K in keyof UiSpeedDial & keyof UiSpeedDialAttributes as `prop:${K}`]?: UiSpeedDial[K] };
@@ -29554,10 +29379,8 @@ 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>;
             "ui-color-picker": LocalJSX.IntrinsicElements["ui-color-picker"] & JSXBase.HTMLAttributes<HTMLUiColorPickerElement>;
             "ui-command-palette": LocalJSX.IntrinsicElements["ui-command-palette"] & JSXBase.HTMLAttributes<HTMLUiCommandPaletteElement>;
             "ui-context-menu": LocalJSX.IntrinsicElements["ui-context-menu"] & JSXBase.HTMLAttributes<HTMLUiContextMenuElement>;
@@ -29580,14 +29403,26 @@ 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-label` — Enterprise-grade, fully accessible form label component.
+             * @cssvar --ui-label-color              Label text colour.
+             * @cssvar --ui-label-font-size          Label font size.
+             * @cssvar --ui-label-font-weight        Label font weight.
+             * @cssvar --ui-label-gap                Gap between label and associated control direction.
+             * @cssvar --ui-label-required-color     Colour of the required asterisk.
+             * @cssvar --ui-label-disabled-opacity   Opacity when disabled.
+             * @cssvar --ui-label-error-color        Colour used for error / invalid state.
+             * @cssvar --ui-label-success-color      Colour used for success state.
+             * @cssvar --ui-label-hint-color         Colour of hint / helper text.
+             */
+            "ui-label": LocalJSX.IntrinsicElements["ui-label"] & JSXBase.HTMLAttributes<HTMLUiLabelElement>;
             "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,14 +29435,12 @@ 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>;
             "ui-scroll-top": LocalJSX.IntrinsicElements["ui-scroll-top"] & JSXBase.HTMLAttributes<HTMLUiScrollTopElement>;
             "ui-skeleton": LocalJSX.IntrinsicElements["ui-skeleton"] & JSXBase.HTMLAttributes<HTMLUiSkeletonElement>;
             "ui-smart-context-menu": LocalJSX.IntrinsicElements["ui-smart-context-menu"] & JSXBase.HTMLAttributes<HTMLUiSmartContextMenuElement>;
-            "ui-smart-location-dropdown": LocalJSX.IntrinsicElements["ui-smart-location-dropdown"] & JSXBase.HTMLAttributes<HTMLUiSmartLocationDropdownElement>;
             "ui-smart-stepper": LocalJSX.IntrinsicElements["ui-smart-stepper"] & JSXBase.HTMLAttributes<HTMLUiSmartStepperElement>;
             "ui-snackbar": LocalJSX.IntrinsicElements["ui-snackbar"] & JSXBase.HTMLAttributes<HTMLUiSnackbarElement>;
             "ui-speed-dial": LocalJSX.IntrinsicElements["ui-speed-dial"] & JSXBase.HTMLAttributes<HTMLUiSpeedDialElement>;