@progress/kendo-vue-common 7.0.3-develop.1 → 7.1.0-develop.2

package/index.d.mts

@@ -12,6 +12,17 @@ import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
+/**
+ * @hidden
+ */
+export declare const actions: {
+    increase: string;
+    decrease: string;
+    cancel: string;
+    accept: string;
+    split: string;
+};
+
 /** @hidden */
 export declare const ADAPTIVE_MEDIUM_BREAKPOINT: number;
 
@@ -57,6 +68,124 @@ medium: any;
 };
 }, true, {}, any>;
 
+/**
+ * All classes
+ */
+export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
+}
+
+/** Configuration for the child element */
+export declare interface AnimationChildClasses {
+    /** Container for child element */
+    container?: string;
+    /** Relative positioning for child container */
+    relative?: string;
+}
+
+/** Configuration for the child element */
+export declare interface AnimationChildContainerClasses {
+    /** Container for childContainer element */
+    container?: string;
+}
+
+/** Animation Classes */
+export declare interface AnimationClasses {
+    /** Configuration for the child element */
+    child?: AnimationChildClasses;
+    /** Configuration for the childContainer element */
+    childContainer?: AnimationChildContainerClasses;
+    /** Animation states for appear transition */
+    appear?: Appear;
+    /** Active states for appear transition */
+    appearActive?: AppearActive;
+    /** Animation states for enter transition */
+    enter?: Enter;
+    /** Active states for enter transition */
+    enterActive?: EnterActive;
+    /** Animation states for exit transition */
+    exit?: Exit;
+    /** Active states for exit transition */
+    exitActive?: ExitActive;
+}
+
+/**
+ * Animation classes
+ */
+export declare interface AnimationsClassStructure {
+    uAnimation?: AnimationClasses;
+}
+
+/** Animation states */
+export declare interface AnimationStatesClasses {
+    /** Animation for 'push-right' transition */
+    'push-right'?: string;
+    /** Animation for 'push-left' transition */
+    'push-left'?: string;
+    /** Animation for 'push-down' transition */
+    'push-down'?: string;
+    /** Animation for 'push-up' transition */
+    'push-up'?: string;
+    /** Animation for 'expand-vertical' transition */
+    'expand-vertical'?: string;
+    /** Animation for 'expand-horizontal' transition */
+    'expand-horizontal'?: string;
+    /** Animation for 'fade' transition */
+    fade?: string;
+    /** Animation for 'zoom-in' transition */
+    'zoom-in'?: string;
+    /** Animation for 'zoom-out' transition */
+    'zoom-out'?: string;
+    /** Animation for 'slide-in' transition */
+    'slide-in'?: string;
+    /** Animation for 'slide-down' transition */
+    'slide-down'?: string;
+    /** Animation for 'slide-up' transition */
+    'slide-up'?: string;
+    /** Animation for 'slide-right' transition */
+    'slide-right'?: string;
+    /** Animation for 'slide-left' transition */
+    'slide-left'?: string;
+    /** Animation for 'reveal-vertical' transition */
+    'reveal-vertical'?: string;
+    /** Animation for 'reveal-horizontal' transition */
+    'reveal-horizontal'?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const animationStyles: {
+    [key: string]: string;
+};
+
+/** Animation states for appear transition */
+export declare interface Appear extends AnimationStatesClasses {
+}
+
+/** Active states for appear transition */
+export declare interface AppearActive extends AnimationStatesClasses {
+}
+
+/**
+ * @hidden
+ */
+export declare const base: {
+    prefix: string;
+    important: string;
+    rtl: string;
+    rounded: string;
+    value: string;
+    state: string;
+    filter: string;
+    virtual: string;
+    infinite: string;
+    clear: string;
+    reset: string;
+    data: string;
+    nodata: string;
+    scroller: string;
+};
+
 /**
  * @hidden
  */
@@ -140,6 +269,273 @@ export declare class BrowserSupportService {
     get scrollbarWidth(): number;
 }
 
+/** Button classes  */
+export declare interface ButtonClasses {
+    /** Button wrapper */
+    wrapper?: ButtonWrapperClasses;
+    /** Text element  */
+    text?: string;
+    /** Icon element  */
+    icon?: string;
+}
+
+export declare interface ButtonGroupClasses {
+    /** Wrapper configuration for the button group */
+    wrapper?: ButtonGroupWrapperClasses;
+    /** Position configuration for the button group */
+    position?: ButtonGroupPositionClasses;
+}
+
+export declare interface ButtonGroupPositionClasses {
+    /** Position for the button group at the start */
+    start?: string;
+    /** Position for the button group at the end */
+    end?: string;
+}
+
+export declare interface ButtonGroupWrapperClasses {
+    /** Main button group classes */
+    main?: string;
+    /** Stretched state classes for the button group */
+    stretched?: string;
+    /** Disabled state classes for the button group */
+    disabled?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const buttonPrefix: string;
+
+/**
+ * Buttons classes
+ */
+export declare interface ButtonsClassStructure {
+    uButton?: ButtonClasses;
+    uButtonGroup?: ButtonGroupClasses;
+    uDropDownButton?: DropDownButtonClasses;
+}
+
+/** Button wrapper classes  */
+export declare interface ButtonWrapperClasses {
+    /** Main button  */
+    main?: string;
+    /** Size options for the button */
+    size?: {
+        /** Small size button */
+        small?: string;
+        /** Medium size button */
+        medium?: string;
+        /** Large size button */
+        large?: string;
+    };
+    /** Fill mode options for the button */
+    fillMode?: {
+        /** Solid fill mode for the button */
+        solid?: string;
+        /** Outline fill mode for the button */
+        outline?: string;
+        /** Flat fill mode for the button */
+        flat?: string;
+        /** Link fill mode for the button */
+        link?: string;
+        /** Clear fill mode for the button */
+        clear?: string;
+    };
+    /** Theme color options for the button */
+    themeColor?: {
+        /** Base theme color options */
+        base?: ThemeColorFillModeClasses;
+        /** Primary theme color options */
+        primary?: ThemeColorFillModeClasses;
+        /** Secondary theme color options */
+        secondary?: ThemeColorFillModeClasses;
+        /** Tertiary theme color options */
+        tertiary?: ThemeColorFillModeClasses;
+        /** Info theme color options */
+        info?: ThemeColorFillModeClasses;
+        /** Success theme color options */
+        success?: ThemeColorFillModeClasses;
+        /** Warning theme color options */
+        warning?: ThemeColorFillModeClasses;
+        /** Error theme color options */
+        error?: ThemeColorFillModeClasses;
+        /** Dark theme color options */
+        dark?: ThemeColorFillModeClasses;
+        /** Light theme color options */
+        light?: ThemeColorFillModeClasses;
+        /** Inverse theme color options */
+        inverse?: ThemeColorFillModeClasses;
+    };
+    /** Rounded options for the button */
+    rounded?: {
+        /** Small rounded option */
+        small?: string;
+        /** Medium rounded option */
+        medium?: string;
+        /** Large rounded option */
+        large?: string;
+    };
+    /** Icon button */
+    iconButton?: string;
+    /** Disabled state */
+    disabled?: string;
+    /** Selected state */
+    selected?: string;
+    /** Right-to-left layout  */
+    isRtl?: string;
+}
+
+export declare interface CalendarClasses {
+    /** Wrapper configuration for the calendar */
+    wrapper?: CalendarWrapperClasses;
+    /** View configuration for the calendar */
+    view?: CalendarViewClasses;
+    /** Navigation class for the calendar */
+    navigation?: string;
+    /** Navigation highlight class for the calendar */
+    navigationHighlight?: string;
+    /** Table configuration for the calendar */
+    table?: CalendarTableClasses;
+    /** Header class for the calendar */
+    thead?: string;
+    /** Row class for the calendar */
+    tr?: string;
+    /** Header cell class for the calendar */
+    th?: string;
+    /** Caption class for the calendar */
+    caption?: string;
+    /** Body class for the calendar */
+    tbody?: string;
+    /** Unordered list class for the calendar */
+    ul?: string;
+    /** List item class for the calendar */
+    li?: string;
+    /** Table cell configuration for the calendar */
+    td?: CalendarTdClasses;
+    /** Title class for the calendar */
+    title?: string;
+    /** Header configuration for the calendar */
+    header?: CalendarHeaderClasses;
+    /** Spacer class for the calendar */
+    spacer?: string;
+    /** Navigation class for the calendar */
+    nav?: string;
+    /** Today configuration for the calendar */
+    today?: CalendarTodayClasses;
+    /** Scrollable configuration for the calendar */
+    scrollable?: CalendarScrollableClasses;
+    /** Scrollable selector class for the calendar */
+    scrollableSelector?: string;
+    /** Scrollable placeholder configuration for the calendar */
+    scrollablePlaceholder?: {
+        /** Main class for the scrollable placeholder */
+        main?: string;
+        /** Horizontal scrollable placeholder class */
+        horizontal?: string;
+    };
+    /** Link class for the calendar */
+    link?: string;
+    /** Navigation marker class for the calendar */
+    navigationMarker?: string;
+}
+
+export declare interface CalendarHeaderClasses {
+    /** Main class for the calendar header */
+    main?: string;
+    /** Vertical alignment class for the calendar header */
+    vertical?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const calendarPrefix: string;
+
+export declare interface CalendarScrollableClasses {
+    /** Main class for the scrollable calendar area */
+    main?: string;
+    /** Content class for the scrollable area */
+    content?: string;
+    /** Horizontal scrollable state class */
+    horizontal?: string;
+}
+
+export declare interface CalendarTableClasses {
+    /** Main class for the calendar table */
+    main?: string;
+    /** Weekdays class for the calendar */
+    weekdays?: string;
+}
+
+export declare interface CalendarTdClasses {
+    /** Main class for the table cell */
+    main?: string;
+    /** Range start class for the table cell */
+    rangeStart?: string;
+    /** Range end class for the table cell */
+    rangeEnd?: string;
+    /** Range middle class for the table cell */
+    rangeMid?: string;
+    /** Range split end class for the table cell */
+    rangeSplitEnd?: string;
+    /** Range split start class for the table cell */
+    rangeSplitStart?: string;
+    /** Active state class for the table cell */
+    active?: string;
+    /** Focused state class for the table cell */
+    focused?: string;
+    /** Selected state class for the table cell */
+    selected?: string;
+    /** Today’s date class for the table cell */
+    today?: string;
+    /** Weekend class for the table cell */
+    weekend?: string;
+    /** Disabled state class for the table cell */
+    disabled?: string;
+    /** Other month class for the table cell */
+    isOtherMonth?: string;
+    /** Empty state class for the table cell */
+    isEmpty?: string;
+    /** Week state class for the table cell */
+    isWeek?: string;
+}
+
+export declare interface CalendarTodayClasses {
+    /** Main class for today's calendar entry */
+    main?: string;
+    /** Disabled state class for today’s calendar entry */
+    disabled?: string;
+}
+
+export declare interface CalendarViewClasses {
+    /** Main class for the calendar view */
+    main?: string;
+    /** Vertical alignment class for the calendar view */
+    vertical?: string;
+    /** Month view class for the calendar */
+    month?: string;
+    /** Year view class for the calendar */
+    year?: string;
+    /** Decade view class for the calendar */
+    decade?: string;
+    /** Century view class for the calendar */
+    century?: string;
+}
+
+export declare interface CalendarWrapperClasses {
+    /** Main class for the calendar wrapper */
+    main?: string;
+    /** Prefix for the infinite calendar state */
+    infinite?: string;
+    /** Disabled state class for the calendar wrapper */
+    disabled?: string;
+    /** Week number class for the calendar */
+    weekNumber?: string;
+    /** Size configurations for the calendar */
+    size?: DateTimeSizeClasses;
+}
+
 /**
  * @hidden
  */
@@ -175,6 +571,365 @@ export declare function cloneObject(obj: any, result: any): void;
  */
 export declare function cloneValue(value: any, nextValue: any): any;
 
+export declare interface ComboBoxClasses {
+    /** Wrapper configurations for the combo box component */
+    wrapper?: {
+        /** Main prefix for the combo box */
+        main?: string;
+        /** Class for the input element */
+        input?: string;
+        /** Size configurations for the input */
+        size?: {
+            /** Class for the small size of the input */
+            small?: string;
+            /** Class for the medium size of the input */
+            medium?: string;
+            /** Class for the large size of the input */
+            large?: string;
+        };
+        /** Fill mode configurations for the input */
+        fillMode?: {
+            /** Class for the solid fill mode of the input */
+            solid?: string;
+            /** Class for the outline fill mode of the input */
+            outline?: string;
+            /** Class for the flat fill mode of the input */
+            flat?: string;
+            /** Class for the link fill mode of the input */
+            link?: string;
+            /** Class for the clear fill mode of the input */
+            clear?: string;
+        };
+        /** Rounded configurations for the input */
+        rounded?: {
+            /** Class for the small rounded input */
+            small?: string;
+            /** Class for the medium rounded input */
+            medium?: string;
+            /** Class for the large rounded input */
+            large?: string;
+        };
+        /** Class for the disabled state of the input */
+        disabled?: string;
+        /** Class for the invalid state of the input */
+        invalid?: string;
+        /** Class for the loading state of the input */
+        loading?: string;
+        /** Class for the required state of the input */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the combo box */
+    inputButton?: string;
+    /** List container configurations for the combo box */
+    listContainer?: {
+        /** Main prefix for the list container */
+        main?: string;
+        /** Class for the popup within the combo box */
+        popup?: string;
+    };
+    /** Class for the header of the list within the combo box */
+    listHeader?: string;
+    /** List configurations for the combo box */
+    list?: {
+        /** Main prefix for the list */
+        list?: string;
+        /** Class for the table element within the list */
+        table?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the list size */
+            prefix?: string;
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Table size configurations for the list */
+        tableSize?: {
+            /** Class for the table size */
+            prefix?: string;
+            /** Class for the small size of the table */
+            small?: string;
+            /** Class for the medium size of the table */
+            medium?: string;
+            /** Class for the large size of the table */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** List content configurations for the combo box */
+    listContent?: {
+        /** Main prefix for the list content */
+        main?: string;
+        /** Class for the scroller within the list content */
+        scroller?: string;
+    };
+    /** Class for the footer of the list within the combo box */
+    listFooter?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const comboBoxPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const components: {
+    actionsheet: string;
+    calendar: string;
+    buttongroup: string;
+    dateinput: string;
+    datetime: string;
+    datetimepicker: string;
+    dropdownlist: string;
+    combobox: string;
+    maskedtextbox: string;
+    menu: string;
+    searchbox: string;
+    timepicker: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const containers: {
+    actions: string;
+    container: string;
+    content: string;
+    group: string;
+    row: string;
+    nav: string;
+    wrap: string;
+    wrapper: string;
+    list: string;
+    placeholder: string;
+    popup: string;
+    item: string;
+    part: string;
+    picker: string;
+    separator: string;
+    spacer: string;
+    tab: string;
+    titlebar: string;
+    optionLabel: string;
+    view: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const cssUtils: {
+    center: string;
+    hbox: string;
+    vstack: string;
+    hstack: string;
+    overflow: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const cursor: {
+    default: string;
+};
+
+export declare interface DateInputClasses {
+    /** Wrapper configuration for the date input */
+    wrapper?: {
+        /** Main class for the date input wrapper */
+        main?: string;
+        /** Prefix for the inner input element */
+        input?: string;
+        /** Size configurations for the date input */
+        size?: DateTimeSizeClasses;
+        /** Fill mode configurations for the date input */
+        fillMode?: DateTimeFillModeClasses;
+        /** Rounded configurations for the date input */
+        rounded?: DateTimeRoundedClasses;
+        /** Disabled state class for the date input */
+        disabled?: string;
+        /** Required state class for the date input */
+        required?: string;
+        /** Invalid state class for the date input */
+        invalid?: string;
+    };
+    /** Inner input class for the date input */
+    inputInner?: string;
+    /** Configuration for the input spinner */
+    inputSpinner?: DateTimeSpinnerClasses;
+    /** Spinner increase action class */
+    spinnerIncrease?: string;
+    /** Spinner decrease action class */
+    spinnerDecrease?: string;
+    /** Clear button class for the date input */
+    clearButton?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const dateInputs: {
+    week: string;
+    weekdays: string;
+    weekend: string;
+    month: string;
+    year: string;
+    decade: string;
+    century: string;
+    number: string;
+    navigation: string;
+    marker: string;
+    now: string;
+    range: string;
+    today: string;
+    other: string;
+    date: string;
+    time: string;
+    selector: string;
+    timeselector: string;
+};
+
+/**
+ * DateInputs classes
+ */
+export declare interface DateInputsClassStructure {
+    uCalendar?: CalendarClasses;
+    uDateInput?: DateInputClasses;
+    uDateTimePicker?: DateTimePickerClasses;
+    uTime?: TimeClasses;
+    uTimePicker?: TimePickerClasses;
+}
+
+export declare interface DateTimeFillModeClasses {
+    /** Solid fill mode class for the date-time picker */
+    solid?: string;
+    /** Outline fill mode class for the date-time picker */
+    outline?: string;
+    /** Flat fill mode class for the date-time picker */
+    flat?: string;
+}
+
+export declare interface DateTimePickerClasses {
+    /** Wrapper configuration for the date-time picker */
+    wrapper?: {
+        /** Main class for the date-time picker wrapper */
+        main?: string;
+        /** Prefix for the inner input element */
+        input?: string;
+        /** Size configurations for the date-time picker */
+        size?: DateTimeSizeClasses;
+        /** Fill mode configurations for the date-time picker */
+        fillMode?: DateTimeFillModeClasses;
+        /** Rounded configurations for the date-time picker */
+        rounded?: DateTimeRoundedClasses;
+        /** Disabled state class for the date-time picker */
+        disabled?: string;
+        /** Required state class for the date-time picker */
+        required?: string;
+        /** Invalid state class for the date-time picker */
+        invalid?: string;
+    };
+    /** Input button class for the date-time picker */
+    inputButton?: string;
+    /** Configuration for the popup */
+    popup?: DateTimePopupClasses;
+    /** Wrap configurations for the date-time picker */
+    wrap?: {
+        /** Main class for the wrap element */
+        main?: string;
+        /** Date tab class for the wrap */
+        date?: string;
+        /** Time tab class for the wrap */
+        time?: string;
+        /** Disabled state class for the wrap */
+        disabled?: string;
+    };
+    /** Footer configurations for the time section */
+    timeFooter?: {
+        /** Main class for the time footer */
+        main?: string;
+        /** Actions class for the footer */
+        actions?: string;
+        /** Stretched state class for the footer */
+        stretched?: string;
+    };
+    /** Button group class for the date-time picker */
+    buttonGroup?: string;
+    /** Selector class for the date-time picker */
+    selector?: string;
+    /** Wrap class for the calendar */
+    calendarWrap?: string;
+    /** Wrap class for the time section */
+    timeWrap?: string;
+    /** Configuration for the time selector */
+    timeSelector?: TimeSelectorClasses;
+}
+
+export declare interface DateTimePopupClasses {
+    /** Main class for the popup container */
+    main?: string;
+    /** Reset class for the popup */
+    reset?: string;
+}
+
+export declare interface DateTimeRoundedClasses {
+    /** Small rounded class for the date-time picker */
+    small?: string;
+    /** Medium rounded class for the date-time picker */
+    medium?: string;
+    /** Large rounded class for the date-time picker */
+    large?: string;
+}
+
+export declare interface DateTimeSizeClasses {
+    /** Small size class for the date-time picker */
+    small?: string;
+    /** Medium size class for the date-time picker */
+    medium?: string;
+    /** Large size class for the date-time picker */
+    large?: string;
+}
+
+export declare interface DateTimeSpinnerClasses {
+    /** Main class for the input spinner */
+    main?: string;
+    /** Button class for the input spinner */
+    button?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const ddbPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const dimensions: {
+    height: string;
+    width: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const directionMap: {
+    up: string;
+    down: string;
+    left: string;
+    right: string;
+    start: string;
+    mid: string;
+    end: string;
+};
+
 /**
  * @hidden
  */
@@ -215,6 +970,329 @@ export declare interface DraggableReleaseEvent {
     event: any;
 }
 
+export declare interface DropDownBaseClasses {
+    /** Class for the clear button */
+    clearButton?: string;
+    /** Class for the sticky header of the grouped list */
+    groupStickyHeader?: string;
+    /** Class for the header text in the list */
+    listHeaderText?: string;
+    /** Class for the unordered list element */
+    ul?: string;
+    /** List item configurations */
+    li?: DropDownBaseListItemClasses;
+    /** Grouped list item configurations */
+    groupLi?: DropDownBaseGroupLiClasses;
+    /** Class for the text of regular list items */
+    itemText?: string;
+    /** Grouped item text configurations */
+    groupItemText?: DropDownBaseGroupItemClasses;
+    /** Class for the label of grouped items */
+    itemGroupLabel?: string;
+    /** Class for displaying no data message */
+    noData?: string;
+    /** Class for the height container */
+    heightContainer?: string;
+    /** Option label configurations */
+    optionLabel?: DropDownBaseOptionLabelClasses;
+    /** Class for the inner input */
+    inputInner?: string;
+    /** Class for the input icon */
+    inputIcon?: string;
+    /** Class for the search box component */
+    searchbox?: string;
+    /** Class for the list filter */
+    listFilter?: string;
+}
+
+export declare interface DropDownBaseGroupItemClasses {
+    /** Class for the text of list items in a group */
+    list?: string;
+    /** Class for the header cell text in a group table */
+    table?: string;
+}
+
+export declare interface DropDownBaseGroupLiClasses {
+    /** Class for the list of grouped items */
+    list?: string;
+    /** Class for the table representation of grouped items */
+    table?: string;
+}
+
+export declare interface DropDownBaseListItemClasses {
+    /** Main class for the list item */
+    main?: string;
+    /** Class for the selected state of the list item */
+    selected?: string;
+    /** Class for the focused state of the list item */
+    focused?: string;
+    /** Class for the first item in the list */
+    first?: string;
+    /** Class for the disabled state of the list item */
+    disabled?: string;
+}
+
+export declare interface DropDownBaseOptionLabelClasses {
+    /** Main class for the option label */
+    main?: string;
+    /** Class for the selected state of the option label */
+    selected?: string;
+}
+
+export declare interface DropDownButtonClasses {
+    /** Wrapper configuration for the button */
+    wrapper?: DropDownButtonWrapperClasses;
+    /** Unordered list configuration for the button group */
+    ul?: DropDownButtonGroupClasses;
+    /** List item configuration */
+    li?: DropDownButtonListItemClasses;
+    /** Item class for the button */
+    item?: string;
+    /** Link configuration for the button */
+    link?: DropDownButtonLinkClasses;
+    /** Popup class for the button group */
+    popup?: string;
+}
+
+export declare interface DropDownButtonGroupClasses {
+    /** Group class for the button container */
+    group?: string;
+    /** Size configuration for the button group */
+    size?: DropDownButtonSizeClasses;
+}
+
+export declare interface DropDownButtonLinkClasses {
+    /** Main link class */
+    main?: string;
+    /** Link class for the button */
+    link?: string;
+    /** Selected state class for the link */
+    selected?: string;
+    /** Disabled state class for the link */
+    disabled?: string;
+}
+
+export declare interface DropDownButtonListItemClasses {
+    /** Item class for the list container */
+    item?: string;
+    /** Focus state class for the list item */
+    focus?: string;
+}
+
+export declare interface DropDownButtonSizeClasses {
+    /** Small size class for the button group */
+    small?: string;
+    /** Medium size class for the button group */
+    medium?: string;
+    /** Large size class for the button group */
+    large?: string;
+}
+
+export declare interface DropDownButtonWrapperClasses {
+    /** Main button class */
+    main?: string;
+    /** Focus state class for the button */
+    focus?: string;
+    /** Disabled state class for the button */
+    disabled?: string;
+}
+
+export declare interface DropDownListClasses {
+    /** Wrapper configurations for the dropdown list component */
+    wrapper?: {
+        /** Main class for the dropdown list */
+        main?: string;
+        /** Class for the picker element */
+        picker?: string;
+        /** Size configurations for the picker */
+        size?: {
+            /** Class for the small size of the picker */
+            small?: string;
+            /** Class for the medium size of the picker */
+            medium?: string;
+            /** Class for the large size of the picker */
+            large?: string;
+        };
+        /** Fill mode configurations for the picker */
+        fillMode?: {
+            /** Class for the solid fill mode of the picker */
+            solid?: string;
+            /** Class for the outline fill mode of the picker */
+            outline?: string;
+            /** Class for the flat fill mode of the picker */
+            flat?: string;
+            /** Class for the link fill mode of the picker */
+            link?: string;
+            /** Class for the clear fill mode of the picker */
+            clear?: string;
+        };
+        /** Rounded configurations for the picker */
+        rounded?: {
+            /** Class for the small rounded picker */
+            small?: string;
+            /** Class for the medium rounded picker */
+            medium?: string;
+            /** Class for the large rounded picker */
+            large?: string;
+        };
+        /** Class for the disabled state of the picker */
+        disabled?: string;
+        /** Class for the focused state of the picker */
+        focused?: string;
+        /** Class for the invalid state of the picker */
+        invalid?: string;
+        /** Class for the loading state of the picker */
+        loading?: string;
+        /** Class for the required state of the picker */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the dropdown list */
+    inputButton?: string;
+    /** List container configurations for the dropdown list */
+    listContainer?: {
+        /** Main class for the list container */
+        main?: string;
+        /** Class for the popup within the dropdown list */
+        popup?: string;
+    };
+    /** Class for the inner input of the dropdown list */
+    inputInner?: string;
+    /** Class for the input text of the dropdown list */
+    inputText?: string;
+    /** Class for the header of the list within the dropdown */
+    listHeader?: string;
+    /** List configurations for the dropdown list */
+    list?: {
+        /** Main class for the list */
+        main?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** Class for the content of the list within the dropdown */
+    listContent?: string;
+    /** Class for the footer of the list within the dropdown */
+    listFooter?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const dropDownListPrefix: string;
+
+export declare interface DropDownsActionSheetClasses {
+    /** Wrapper configurations for the action sheet component */
+    wrapper?: {
+        /** Main class for the action sheet */
+        main?: string;
+        /** Class for the fullscreen state of the action sheet */
+        fullscreen?: string;
+        /** Class for the bottom state of the action sheet */
+        bottom?: string;
+    };
+    /** Class for the header text, centered */
+    header?: string;
+    /** Title bar configurations for the action sheet */
+    titleBar?: {
+        /** Main class for the title bar within the action sheet */
+        main?: string;
+        /** Class for positioning the title bar horizontally */
+        position?: string;
+    };
+    /** Class for the title of the action sheet */
+    title?: string;
+    /** Subtitle configurations for the action sheet */
+    subtitle?: {
+        /** Main class for the subtitle in the action sheet */
+        main?: string;
+        /** Class for centered text in the subtitle */
+        textCenter?: string;
+    };
+    /** Class for the actions container within the action sheet */
+    actions?: string;
+    /** Title bar group configurations for the action sheet */
+    titleBarGroup?: {
+        /** Main class for the title bar group */
+        main?: string;
+        /** Class for the filter within the action sheet */
+        filter?: string;
+    };
+}
+
+/**
+ * DropDowns classes
+ */
+export declare interface DropDownsClassStructure {
+    uDropDownsActionSheet?: DropDownsActionSheetClasses;
+    uDropDownsBase?: DropDownBaseClasses;
+    uDropDownList?: DropDownListClasses;
+    uComboBox?: ComboBoxClasses;
+}
+
+/**
+ * @hidden
+ */
+export declare const elements: {
+    table: string;
+    text: string;
+    button: string;
+    tbody: string;
+    thead: string;
+    tr: string;
+    th: string;
+    td: string;
+    header: string;
+    footer: string;
+    icon: string;
+    title: string;
+    subtitle: string;
+    link: string;
+    label: string;
+    ul: string;
+    caption: string;
+};
+
+/** Animation states for enter transition */
+export declare interface Enter extends AnimationStatesClasses {
+}
+
+/** Active states for enter transition */
+export declare interface EnterActive extends AnimationStatesClasses {
+}
+
+export declare interface ErrorClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+        };
+    };
+}
+
+/** Animation states for exit transition */
+export declare interface Exit extends AnimationStatesClasses {
+}
+
+/** Active states for exit transition */
+export declare interface ExitActive extends AnimationStatesClasses {
+}
+
 /**
  * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
  *
@@ -230,11 +1308,49 @@ export declare const extendDataItem: (item: any, subItemsField: string, propsToE
  */
 export declare const FIELD_REGEX: RegExp;
 
+/**
+ * @hidden
+ */
+export declare const fillModeMap: PresetOption;
+
 /**
  * @hidden
  */
 export declare const firstFocusableChild: (element: any) => any;
 
+export declare interface FloatingLabelClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Class applied when the element is focused */
+        focused?: string;
+        /** Class applied when the element is empty */
+        empty?: string;
+        /** Class for non-empty state (empty in this case) */
+        notEmpty?: string;
+        /** Class for disabled state */
+        disabled?: string;
+        /** Class applied when in RTL mode */
+        isRtl?: string;
+    };
+    /** Label element configurations */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is focused */
+        focused?: string;
+        /** Class applied when the label is empty */
+        empty?: string;
+        /** Class for non-empty label state */
+        notEmpty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+
 /**
  * @hidden
  */
@@ -347,6 +1463,73 @@ export declare interface FontIconProps extends BaseIconProps {
 export declare interface FontIconState {
 }
 
+export declare interface FormClasses {
+    /** Form configurations */
+    form?: {
+        /** Main class for the form */
+        main?: string;
+        /** Size configurations for the form */
+        size?: {
+            /** Prefix for size classes */
+            prefix?: string;
+            /** Class for small size */
+            small?: string;
+            /** Class for medium size */
+            medium?: string;
+            /** Class for large size */
+            large?: string;
+        };
+        /** Orientation configurations for the form */
+        orientation?: {
+            /** Class for horizontal orientation */
+            horizontal?: string;
+            /** Class for vertical orientation */
+            vertical?: string;
+        };
+    };
+    /** Layout configurations for the form */
+    formLayout?: {
+        /** Main class for form layout */
+        main?: string;
+    };
+    /** Fieldset configurations within the form */
+    fieldset?: {
+        /** Main class for form fieldset */
+        main?: string;
+        /** Layout configurations for the form fieldset */
+        layout?: {
+            /** Main class for form fieldset layout */
+            main?: string;
+        };
+    };
+    /** Class for the form legend */
+    legend?: {
+        /** Main class for form legend */
+        main?: string;
+    };
+    /** Field configurations within the form */
+    field?: {
+        /** Main class for form fields */
+        main?: string;
+        /** Class indicating right-to-left (RTL) layout */
+        isRtl?: string;
+    };
+    /**
+     * Separator configurations within the form.
+     */
+    separator?: {
+        /** Main class for form field separator */
+        main?: string;
+    };
+}
+
+/**
+ * Form classes
+ */
+export declare interface FormClassStructure {
+    uForm?: FormClasses;
+}
+
 /**
  * Represents the basic props of the KendoVue form components.
  *
@@ -430,6 +1613,17 @@ export declare interface FormComponentValidity {
     readonly valueMissing: boolean;
 }
 
+/**
+ * @hidden
+ */
+export declare const forms: {
+    form: string;
+    fieldset: string;
+    legend: string;
+    separator: string;
+    field: string;
+};
+
 /**
  * @hidden
  */
@@ -507,15 +1701,76 @@ export declare function getter(field: string): any;
 /**
  * @hidden
  */
-export declare const guid: Function;
+export declare const grid: {
+    prefix: string;
+    ariaRoot: string;
+    tableWrap: string;
+    master: string;
+    column: string;
+    cell: string;
+    cellInner: string;
+    row: string;
+    group: string;
+    hierarchy: string;
+    detail: string;
+    noRecords: string;
+    pager: string;
+};
 
 /**
  * @hidden
  */
-export declare function hasListener(this: any, eventName: string): boolean;
-
-/** @hidden */
-export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;
+export declare interface GridClassStructure {
+    uGrid?: WidgetClassStructure;
+}
+
+/**
+ * @hidden
+ */
+export declare const gridPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const gridRowReorder: {
+    drop: string;
+    drag: string;
+    hint: string;
+    vertical: string;
+    horizontal: string;
+    clue: string;
+    reorder: string;
+};
+
+/**
+ * @hidden
+ */
+export declare const guid: Function;
+
+/**
+ * @hidden
+ */
+export declare function hasListener(this: any, eventName: string): boolean;
+
+/** @hidden */
+export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;
+
+export declare interface HintClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+            /** Class for disabled state */
+            disabled?: string;
+        };
+    };
+}
 
 /**
  * @hidden
@@ -572,6 +1827,18 @@ onClick?: (...args: any[] | unknown[]) => any;
 viewBox: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+/**
+ * @hidden
+ */
+export declare const icon: {
+    prefix: string;
+    svg: string;
+    i: string;
+    color: string;
+    flipH: string;
+    flipV: string;
+};
+
 /**
  * @hidden
  */
@@ -618,6 +1885,13 @@ export declare interface IconProps extends SvgIconProps {
     name?: string;
 }
 
+/**
+ * Icons classes
+ */
+export declare interface IconsClassStructure {
+    uSvgIcon?: SVGIconClasses;
+}
+
 /**
  * Specifies the size of the icon.
  *
@@ -662,6 +1936,55 @@ export declare interface IconState {
  */
 export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
 
+export declare interface InputClasses {
+    /** Input element configurations */
+    input?: {
+        /** Main class for the input, combining size, rounded, and fill mode */
+        main?: string;
+        /** Disabled state class */
+        disabled?: string;
+        /** Required state class */
+        required?: string;
+        /** Invalid state class */
+        invalid?: string;
+        /** RTL (right-to-left) layout class */
+        isRtl?: string;
+    };
+    /** Clear button class */
+    clearButton?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const inputPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const inputs: {
+    input: string;
+    inner: string;
+    spin: string;
+    spinner: string;
+    maskedtextbox: string;
+    radio: string;
+    textbox: string;
+    prefix: string;
+    suffix: string;
+};
+
+/**
+ * Inputs classes
+ */
+export declare interface InputsClassStructure {
+    uMaskedTextBox?: MaskedTextBoxClasses;
+    uRadioGroup?: RadioGroupClasses;
+    uRadioButton?: RadioButtonClasses;
+    uTextBox?: TextBoxClasses;
+    uInput?: InputClasses;
+}
+
 /**
  * @hidden
  */
@@ -672,6 +1995,40 @@ export declare const isObject: (value: any) => boolean;
  */
 export declare function isRtl(element: Element | null): boolean;
 
+/**
+ * @hidden
+ */
+export declare const jsonTheme: KendoTheme;
+
+/**
+ * @hidden
+ */
+export declare interface KendoTheme {
+    base: PresetOption;
+    animation: PresetOption;
+    containers: PresetOption;
+    components: PresetOption;
+    cssUtils: PresetOption;
+    elements: PresetOption;
+    sizeMap: PresetOption;
+    directionMap: PresetOption;
+    fillModeMap: PresetOption;
+    themeColorMap: PresetOption;
+    roundedMap: PresetOption;
+    cursor: PresetOption;
+    dimensions: PresetOption;
+    states: PresetOption;
+    actions: PresetOption;
+    inputs: PresetOption;
+    dateInputs: PresetOption;
+    forms: PresetOption;
+    labels: PresetOption;
+    popup: PresetOption;
+    icon: PresetOption;
+    grid: PresetOption;
+    orientationMap: PresetOption;
+}
+
 /** @hidden */
 export declare interface KendoThemeMaps {
     sizeMap: Record<Exclude<any, null>, string>;
@@ -702,6 +2059,42 @@ export declare const Keys: {
     delete: number;
 };
 
+export declare interface LabelClasses {
+    /** Label */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is in an empty state */
+        empty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+
+/**
+ * @hidden
+ */
+export declare const labels: {
+    label: string;
+    text: string;
+    floatingLabel: string;
+    container: string;
+    hint: string;
+    error: string;
+};
+
+/**
+ * Labels classes
+ */
+export declare interface LabelsClassStructure {
+    uError?: ErrorClasses;
+    uHint?: HintClasses;
+    uLabel?: LabelClasses;
+    uFloatingLabel?: FloatingLabelClasses;
+}
+
 /**
  * @hidden
  */
@@ -730,6 +2123,56 @@ export declare const mapTree: (tree: any[], subItemsField: string, callback: (va
  */
 export declare const mapTreeItem: (tree: any[], level: number[], subItemsField: string, callback: (value: any) => any) => void;
 
+/**
+ * @hidden
+ */
+export declare const maskedPrefix: string;
+
+export declare interface MaskedTextBoxClasses {
+    /** Wrapper configurations for the masked input */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Class for the input element */
+        input?: string;
+        /** Size configurations for the input */
+        size?: {
+            /** Small size class */
+            small?: string;
+            /** Medium size class */
+            medium?: string;
+            /** Large size class */
+            large?: string;
+        };
+        /** Fill mode configurations for the input */
+        fillMode?: {
+            /** Solid fill mode class */
+            solid?: string;
+            /** Outline fill mode class */
+            outline?: string;
+            /** Flat fill mode class */
+            flat?: string;
+        };
+        /** Rounded border configurations */
+        rounded?: {
+            /** Small rounded border class */
+            small?: string;
+            /** Medium rounded border class */
+            medium?: string;
+            /** Large rounded border class */
+            large?: string;
+        };
+        /** Disabled state class */
+        disabled?: string;
+        /** Invalid state class */
+        invalid?: string;
+        /** RTL (right-to-left) layout class */
+        isRtl?: string;
+    };
+    /** Class for the inner part of the input */
+    inputInner?: string;
+}
+
 /**
  * @hidden
  */
@@ -778,6 +2221,113 @@ export declare class Navigation {
  */
 export declare const noop: () => void;
 
+/**
+ * @hidden
+ */
+export declare const orientationMap: PresetOption;
+
+/**
+ * @hidden
+ */
+export declare const pickerPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const popup: {
+    prefix: string;
+};
+
+export declare interface PopupClasses {
+    /** Prefix for the animation container */
+    animationContainer?: string;
+    /** Prefix for the shown animation container */
+    animationContainerShown?: string;
+    /** Prefix for child animations within the animation */
+    animationChild?: string;
+    /** Prefix for the popup animation */
+    popup?: string;
+    /** Slide animation configurations for different directions */
+    slide?: SlideClasses;
+    /** Active slide animation configurations for different directions */
+    slideActive?: SlideClasses;
+}
+
+/**
+ * Popup classes
+ */
+export declare interface PopupClassStructure {
+    uPopup?: PopupClasses;
+}
+
+declare type PresetOption = Record<Exclude<any, null>, string>;
+
+export declare interface RadioButtonClasses {
+    /** Input configurations */
+    input?: {
+        /** Class for the radio input */
+        radio?: string;
+        /** Size configurations for the radio input */
+        size?: {
+            /** Prefix for size classes */
+            prefix?: string;
+            /** Class for small size radio input */
+            small?: string;
+            /** Class for medium size radio input */
+            medium?: string;
+            /** Class for large size radio input */
+            large?: string;
+        };
+        /** Class for invalid state */
+        invalid?: string;
+        /** Class for checked state */
+        checked?: string;
+    };
+    /** Class for wrapping container */
+    wrap?: string;
+    /** Class for the label */
+    label?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const radioButtonClasses: RadioButtonClasses;
+
+export declare interface RadioGroupClasses {
+    /** Unordered list (ul) configurations */
+    ul?: {
+        /** Main class for the ul element */
+        main?: string;
+        /** Class for horizontal list layout */
+        horizontal?: string;
+        /** Class for vertical list layout */
+        vertical?: string;
+    };
+    /** Item configurations inside the ul */
+    item?: {
+        /** Main class for the list item (li) element */
+        main?: string;
+        /** Class for disabled state of list item */
+        disabled?: string;
+    };
+}
+
+/**
+ * @hidden
+ */
+export declare const radioGroupClasses: RadioGroupClasses;
+
+/**
+ * @hidden
+ */
+export declare const radioPrefix: string;
+
+/**
+ * @hidden
+ */
+export declare const roundedMap: PresetOption;
+
 /**
  * @hidden
  */
@@ -798,6 +2348,98 @@ export declare function setter(field: string): any;
  */
 export declare function shouldShowValidationUI(packageMetadata: any): boolean;
 
+/** Size options  */
+export declare interface SizeClasses {
+    /** Default size (16px by 16px) */
+    default?: string;
+    /** Extra small size (0.75 times the default size) */
+    xsmall?: string;
+    /** Small size (0.875 times the default size) */
+    small?: string;
+    /** Medium size, same as default (16px by 16px) */
+    medium?: string;
+    /** Large size (1.25 times the default size) */
+    large?: string;
+    /** Extra large size (1.5 times the default size) */
+    xlarge?: string;
+    /** Double extra large size (2 times the default size) */
+    xxlarge?: string;
+    /** Triple extra large size (3 times the default size) */
+    xxxlarge?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const sizeMap: PresetOption;
+
+export declare interface SlideAnimationClasses {
+    /** Enter animation prefix for sliding up */
+    enter?: string;
+    /** Exit animation prefix for sliding up */
+    exit?: string;
+}
+
+export declare interface SlideClasses {
+    /** Animation settings for sliding up */
+    up?: SlideAnimationClasses;
+    /** Animation settings for sliding down */
+    down?: SlideAnimationClasses;
+    /** Animation settings for sliding left */
+    left?: SlideAnimationClasses;
+    /** Animation settings for sliding right */
+    right?: SlideAnimationClasses;
+}
+
+/**
+ * @hidden
+ */
+export declare const states: {
+    active: string;
+    adaptive: string;
+    first: string;
+    focus: string;
+    pending: string;
+    last: string;
+    draggable: string;
+    filterable: string;
+    grouping: string;
+    selected: string;
+    highlighted: string;
+    disabled: string;
+    hidden: string;
+    highlight: string;
+    invalid: string;
+    loading: string;
+    required: string;
+    checked: string;
+    empty: string;
+    scrollable: string;
+    sorted: string;
+    sort: string;
+    sticky: string;
+    stretched: string;
+    order: string;
+    alt: string;
+    edit: string;
+    template: string;
+    shown: string;
+    horizontal: string;
+    vertical: string;
+    fullscreen: string;
+    bottom: string;
+};
+
+/** SVG classes configuration */
+export declare interface SvgClasses {
+    /** Main SVG class, sets fill and flex behavior */
+    main?: string;
+    /** Horizontal flip transformation for the SVG */
+    flipH?: string;
+    /** Vertical flip transformation for the SVG */
+    flipV?: string;
+}
+
 /**
  * Specifies the SVG icon.
  */
@@ -889,6 +2531,16 @@ viewBox: string;
 export declare interface SvgIconAll extends SvgIconMethods, SvgIconData, SvgIconComputed, SvgIconState {
 }
 
+/**
+ * SVGIcon Classes
+ */
+export declare interface SVGIconClasses {
+    /** Wrapper configuration*/
+    wrapper?: WrapperClasses;
+    /** SVG configuration */
+    svg?: SvgClasses;
+}
+
 /**
  * @hidden
  */
@@ -969,6 +2621,374 @@ export declare const templateDefinition: {
  */
 export declare function templateRendering(this: any, template: any, listeners: any): any;
 
+export declare interface TextBoxClasses {
+    /** Wrapper configurations for the text box */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Class for the input element */
+        input?: string;
+        /** Size configurations for the input */
+        size?: {
+            /** Small size class */
+            small?: string;
+            /** Medium size class */
+            medium?: string;
+            /** Large size class */
+            large?: string;
+        };
+        /** Fill mode configurations for the input */
+        fillMode?: {
+            /** Solid fill mode class */
+            solid?: string;
+            /** Outline fill mode class */
+            outline?: string;
+            /** Flat fill mode class */
+            flat?: string;
+        };
+        /** Rounded border configurations */
+        rounded?: {
+            /** Small rounded border class */
+            small?: string;
+            /** Medium rounded border class */
+            medium?: string;
+            /** Large rounded border class */
+            large?: string;
+        };
+        /** Disabled state class */
+        disabled?: string;
+        /** Focused state class */
+        focused?: string;
+        /** Required state class */
+        required?: string;
+        /** Invalid state class */
+        invalid?: string;
+        /** RTL (right-to-left) layout class */
+        isRtl?: string;
+    };
+    /** Class for the inner part of the input */
+    inputInner?: string;
+    /** Prefix configurations for the input */
+    prefix?: {
+        /** Main class for the prefix */
+        main?: string;
+        /** Orientation configurations for the prefix */
+        orientation?: {
+            /** Horizontal orientation class */
+            horizontal?: string;
+            /** Vertical orientation class */
+            vertical?: string;
+        };
+    };
+    /** Suffix configurations for the input */
+    suffix?: {
+        /** Main class for the suffix */
+        main?: string;
+        /** Orientation configurations for the suffix */
+        orientation?: {
+            /** Horizontal orientation class */
+            horizontal?: string;
+            /** Vertical orientation class */
+            vertical?: string;
+        };
+    };
+}
+
+/** Theme color options for the wrapper */
+export declare interface ThemeColorClasses {
+    /** The text color should inherit from its parent */
+    inherit?: string;
+    /** Text color for the primary theme */
+    primary?: string;
+    /** Text color for the secondary theme */
+    secondary?: string;
+    /** Text color for the tertiary theme */
+    tertiary?: string;
+    /** Text color for informational messages */
+    info?: string;
+    /** Text color indicating success */
+    success?: string;
+    /** Text color for warnings */
+    warning?: string;
+    /** Text color indicating errors */
+    error?: string;
+    /** Text color for dark theme */
+    dark?: string;
+    /** Text color for light theme */
+    light?: string;
+}
+
+/**  Theme colors fill mode options for */
+export declare interface ThemeColorFillModeClasses {
+    /** Fill mode options for theme colors */
+    fillMode?: {
+        /** Solid fill mode for theme colors */
+        solid?: string;
+        /** Outline fill mode for theme colors */
+        outline?: string;
+        /** Flat fill mode for theme colors */
+        flat?: string;
+        /** Link fill mode for theme colors */
+        link?: string;
+        /** Clear fill mode for theme colors */
+        clear?: string;
+    };
+}
+
+/**
+ * @hidden
+ */
+export declare const themeColorMap: PresetOption;
+
+export declare interface TimeClasses {
+    /** Footer configuration for the date input */
+    footer?: TimeFooterClasses;
+    /** Cancel action class for the date input */
+    cancel?: string;
+    /** Accept action class for the date input */
+    accept?: string;
+    /** Part configuration for the date input */
+    part?: TimePartClasses;
+    /** Header class for the date input */
+    header?: string;
+    /** Now action class for the date input */
+    now?: string;
+    /** List container class for the date input */
+    listContainer?: string;
+    /** Highlighted state class for the date input */
+    highlight?: string;
+    /** List wrapper configuration for the date input */
+    listWrapper?: TimeListWrapperClasses;
+    /** List class for the date input */
+    list?: string;
+    /** Main container configuration for the date input */
+    container?: TimeContainerClasses;
+    /** Container selector class for the date input */
+    containerSelector?: string;
+    /** Separator class for the date input */
+    separator?: string;
+    /** Unordered list class */
+    ul?: string;
+    /** List item class */
+    li?: string;
+    /** Title class for the date input */
+    title?: string;
+    /** Scrollable placeholder class for the date input */
+    scrollablePlaceholder?: string;
+}
+
+export declare interface TimeContainerClasses {
+    /** Main container class for the date input */
+    main?: string;
+    /** Scrollable state class for the container */
+    scrollable?: string;
+    /** Content class within the container */
+    content?: string;
+}
+
+export declare interface TimeFooterClasses {
+    /** Main footer class for time date input */
+    main?: string;
+    /** Actions container class within the footer */
+    actions?: string;
+    /** Stretched state class for the footer actions */
+    stretched?: string;
+    /** Horizontal alignment class for the footer actions */
+    horizontal?: string;
+}
+
+export declare interface TimeListWrapperClasses {
+    /** Main wrapper class for the list */
+    main?: string;
+    /** Focused state class for the list wrapper */
+    focused?: string;
+}
+
+export declare interface TimePartClasses {
+    /** Main class for the part of the date input */
+    main?: string;
+    /** Disabled state class for the part */
+    disabled?: string;
+}
+
+export declare interface TimePickerClasses {
+    /** Wrapper configuration for the timepicker */
+    wrapper?: TimePickerWrapperClasses;
+    /** Button class for the input component of the timepicker */
+    inputButton?: string;
+    /** Popup configuration for the timepicker */
+    popup?: TimePopupClasses;
+    /** Time selector configuration for the timepicker */
+    timeSelector?: TimeSelectorClasses;
+}
+
+export declare interface TimePickerWrapperClasses {
+    /** Main class for the timepicker wrapper */
+    main?: string;
+    /** Input class for the timepicker */
+    input?: string;
+    /** Size configurations for the timepicker */
+    size?: DateTimeSizeClasses;
+    /** Fill mode configurations for the timepicker */
+    fillMode?: DateTimeFillModeClasses;
+    /** Rounded configurations for the timepicker */
+    rounded?: DateTimeRoundedClasses;
+    /** Disabled state class for the timepicker */
+    disabled?: string;
+    /** Required state class for the timepicker */
+    required?: string;
+    /** Invalid state class for the timepicker */
+    invalid?: string;
+}
+
+export declare interface TimePopupClasses {
+    /** Main class for the timepicker popup */
+    main?: string;
+    /** Container class for the popup list */
+    container?: string;
+}
+
+export declare interface TimeSelectorClasses {
+    /** Main class for the time selector */
+    main?: string;
+    /** Size configurations for the time selector */
+    size?: DateTimeSizeClasses;
+    /** Disabled state class for the time selector */
+    disabled?: string;
+    /** Reset class for the time selector */
+    reset?: string;
+}
+
+/**
+ * @hidden
+ */
+export declare const uAnimation: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uButtonGroup: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uCalendar: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uComboBox: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDateInput: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDateTimePicker: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownList: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownsActionSheet: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uDropDownsBase: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uError: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uFloatingLabel: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uForm: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uGrid: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uHint: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uInput: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uLabel: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uMaskedTextBox: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uPopup: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uRadioButton: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uRadioGroup: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uSvgIcon: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTextBox: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTime: WidgetClassStructure;
+
+/**
+ * @hidden
+ */
+export declare const uTimePicker: WidgetClassStructure;
+
 /**
  * @hidden
  */
@@ -1036,4 +3056,33 @@ default: any;
 message: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+/**
+ * @hidden
+ */
+export declare interface WidgetClassStructure {
+    [key: string]: (props: {
+        [key: string]: any;
+    }) => {
+        [key: string]: boolean;
+    } | string;
+}
+
+/** Wrapper classes configuration */
+export declare interface WrapperClasses {
+    /** Main wrapper class */
+    main?: string;
+    /** SVG prefix class */
+    svgPrefix?: string;
+    /** SVG name prefix class */
+    namePrefix?: string;
+    /** Horizontal flip transformation */
+    flipH?: string;
+    /** Vertical flip transformation */
+    flipV?: string;
+    /** Theme color options for the wrapper */
+    themeColor?: ThemeColorClasses;
+    /** Size options for the wrapper */
+    size?: SizeClasses;
+}
+
 export { }