@uxuissk/design-system-core 3.0.0

package/dist/main.d.ts

@@ -0,0 +1,3080 @@
+import { CSSResult } from 'lit';
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+import { PropertyValueMap } from 'lit';
+import { PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
+import { TemplateResult as TemplateResult_2 } from 'lit-html';
+
+export declare class Accordion extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    size: Size;
+    fontSize?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    backgroundColor?: string | undefined;
+    color?: ColorRole | ColorName;
+    mode: "single" | "multiple";
+    align: "left" | "center" | "right";
+    variant: "clean" | "bordered";
+    items: HTMLElement[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleToggle: (e: Event) => void;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class AccordionItem extends LitElement {
+    static registeredName: string;
+    id: string;
+    title: string;
+    open: boolean;
+    align: "left" | "center" | "right";
+    handleToggle(): void;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+declare type ActionType = 'none' | 'button' | 'dropdown';
+
+export declare class AddonPhoneCountry extends LitElement implements BaseAttributes {
+    static registeredName: string;
+    testId?: string;
+    size: Size;
+    disabled: boolean;
+    countries: {
+        code: string;
+        name?: string;
+        phoneCode?: string;
+    }[];
+    allowedCountries: string[];
+    value: string;
+    placeholder: string;
+    private inputBuffer;
+    private valueOption;
+    private typingTimeout;
+    private getIconSize;
+    private _handleChange;
+    private getFilteredCountries;
+    private _handleKeydown;
+    private debounceSearch;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _handleDocumentClick;
+    updated(changedProperties: Map<string, any>): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Alert extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    margin?: string;
+    padding?: Size;
+    rounded?: string | undefined;
+    width?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontSize?: string | undefined;
+    hidden: boolean;
+    type: Type;
+    message?: string | undefined;
+    topic?: string | undefined;
+    hideCloseButton: boolean;
+    private close;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const applyTheme: (theme: DeepPartial<Theme>) => Theme;
+
+export declare class Avatar extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    themeColor: string;
+    color?: string;
+    padding?: Size;
+    boxsize?: Size;
+    hidden: boolean;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    src?: string;
+    label?: string;
+    alt?: string;
+    shape?: "circle" | "rounded";
+    objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down" | undefined;
+    private initialism;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type BackgroundSize = "auto" | "cover" | "contain";
+
+export declare class Badge extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    rounded?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    variant: BadgeVariants;
+    hidden: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type BadgeVariants = "solid" | "outline" | "subtle";
+
+declare type BaseAttributes = {
+    testId?: string;
+} & ThemeValue;
+
+export declare const Brand: {
+    readonly patona: "patona";
+    readonly ccs3: "ccs3";
+    readonly oc2plus: "oc2plus";
+};
+
+export declare type Brand = (typeof Brand)[keyof typeof Brand];
+
+/**
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+export declare class Button extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    borderWidth?: string | undefined;
+    boxShadow?: string | undefined;
+    dropShadow?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    variant: ButtonVariants;
+    disabled: boolean;
+    hidden: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type ButtonVariants = "solid" | "outline" | "ghost" | "solid-light";
+
+export declare class Calendar extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: string;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    rounded?: string | undefined;
+    month: string;
+    year: string;
+    locale: LocaleKey;
+    todayText: string;
+    okText: string;
+    footerStyle: "between" | "middle" | "right";
+    rangeDate: boolean;
+    disableYearChange: boolean;
+    disableMonthChange: boolean;
+    displayGoToday: boolean;
+    displayOk: boolean;
+    disabledPrev: boolean;
+    disabledNext: boolean;
+    dateTo?: number;
+    dateFrom?: number;
+    hoveredDate?: number;
+    maxRange: number;
+    disabledDate?: (date: number) => boolean;
+    dayNamesOfTheWeek: Array<string>;
+    yearsList: Array<number>;
+    daysOfMonth: Array<Array<number | typeDay>>;
+    monthsList: Array<string>;
+    hidden: boolean;
+    showTime: boolean;
+    timeFrom?: number;
+    timeTo?: number;
+    timeFormat: "hms" | "hm" | "timeEvery30";
+    currentTimeTarget: "dateFrom" | "dateTo";
+    disabledYears?: number[] | number | undefined;
+    minYear?: number;
+    maxYear?: number;
+    _currentDate: Date;
+    _monthChangeDropdown: Boolean;
+    _yearChangeDropdown: Boolean;
+    _yearIndex: number;
+    _chunkYearList: number[][];
+    _selectedFrom: number | undefined;
+    _selectedTo: number | undefined;
+    updated(properties: PropertyValues): void;
+    firstUpdated(): Promise<void>;
+    disconnectedCallback(): void;
+    private handleClickOutside;
+    private isCurrentDate;
+    private isMonthDisabled;
+    private isCurrentMonth;
+    private isCurrentYear;
+    private localeChanged;
+    private yearAndMonthChanged;
+    private computeMonthName;
+    private computeYearName;
+    private updateDateWithTime;
+    private dispatchDateEvents;
+    private handleDateSelected;
+    private handleTimeUpdate;
+    private toggleMonthChangeDropdown;
+    private toggleYearChangeDropdown;
+    private handleNextMonth;
+    private handlePrevMonth;
+    private handlePrevYear;
+    private handleNextYear;
+    private handlePrevScopeYearIndex;
+    private handleNextScopeYearIndex;
+    private setYears;
+    private setMonths;
+    private handleYearChanged;
+    private handleMonthChanged;
+    private goToday;
+    private handleOk;
+    private chunkedYearsList;
+    private checkDisabled;
+    private calcCurrentYearIndex;
+    private calcYearString;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Card extends LitElement {
+    static registeredName: string;
+    testId?: string;
+    color?: ColorRole | ColorName;
+    title: string;
+    subtitle: string | undefined;
+    description: string | undefined;
+    image: string | undefined;
+    type: TypeCard;
+    variant: VariantCard;
+    width: string;
+    loading: boolean;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+declare interface Card_2 {
+    id: number;
+    label: string;
+    supportText: string;
+    cardSize: string;
+    selected: boolean;
+    disabled: boolean;
+    icon: string;
+}
+
+export declare class CardGroup extends LitElement {
+    cards: Card_2[];
+    selectedCardIndex: number | null;
+    updated(changedProperties: PropertyValues): void;
+    private handleCardClick;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class CardSelect extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    rounded?: string | undefined;
+    cardSize: CardSize;
+    disabled: boolean;
+    selected: boolean;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    hidden: boolean;
+    index: number;
+    private handleClick;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type CardSize = "md" | "sm";
+
+export declare class Checkbox extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    hidden: boolean;
+    label?: string | undefined;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    group?: GroupCheckbox | undefined;
+    _isGroupCheckbox: boolean;
+    _checked: boolean;
+    _groupOptions: checkboxOptions[];
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    private _updateCheckboxState;
+    private _setGroupChecked;
+    private _onChangeGroup;
+    private _onChange;
+    private _filterCheckedList;
+    static styles: CSSResult;
+}
+
+export declare type checkboxOptions = {
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    value: string;
+};
+
+export declare class CodeBlock extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: ColorRole | ColorName;
+    size: Size;
+    rounded?: string | undefined;
+    borderWidth?: string | undefined;
+    borderColor?: ColorRole | ColorName | undefined;
+    borderStyle?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    height?: string | undefined;
+    padding?: Size;
+    variant: BadgeVariants;
+    hidden: boolean;
+    language?: string | undefined;
+    copyButton: boolean;
+    code: string;
+    private highlight;
+    private __loadLanguage;
+    render(): TemplateResult_2<1> | typeof nothing;
+    private clickCopy;
+    static styles: CSSResult[];
+}
+
+export declare type Color = {
+    [key: ColorScale | string]: string;
+} | string;
+
+export declare type ColorName = string | "white" | "black" | "vin-rouge" | "light-orchid" | "wisteria" | "matte-violet" | "matte-blue" | "cobalt-blue" | "fiord" | "navy" | "slate" | "gray" | "stone" | "brown" | "cappuccino" | "ecru" | "olive" | "lime" | "green" | "emerald" | "teal" | "turquoise" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "red" | "apricot" | "orange" | "aerospace-orange" | "amber" | "yellow" | "gold";
+
+export declare type ColorPalette = {
+    [key in ColorName | ColorRole]: Color;
+};
+
+export declare type ColorRole = "primary" | "secondary" | "success" | "warning" | "error" | "danger" | "info" | "light" | "dark" | "text" | "muted" | "background" | "foreground" | "shadow";
+
+export declare type ColorScale = string | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+
+declare interface Column {
+    title: string;
+    dataIndex?: string;
+    align?: "left" | "center" | "right";
+    width?: string;
+    sortable?: boolean;
+    sortDirection?: "asc" | "desc";
+    onSort?: (direction: "asc" | "desc") => void;
+    sortIcons?: {
+        asc: string;
+        desc: string;
+        neutral: string;
+        color: string;
+    };
+}
+
+export declare class Container extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: ColorRole | ColorName;
+    size: Size;
+    rounded?: string | undefined;
+    borderWidth?: string | undefined;
+    borderColor?: ColorRole | ColorName | undefined;
+    borderStyle?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    height?: string | undefined;
+    padding?: Size;
+    variant: BadgeVariants;
+    hidden: boolean;
+    cursor?: string | undefined;
+    align?: "center" | "start" | "end";
+    gap?: string | undefined;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class CountryIcon extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    padding?: Size;
+    margin?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    hidden: boolean;
+    cursor?: string | undefined;
+    onClick?: () => void;
+    code: string;
+    iconName: string;
+    static svgs: Record<string, TemplateResult>;
+    render(): TemplateResult<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const cssVar: (...key: (string | number | undefined)[]) => string | undefined;
+
+export declare class DateDisplay extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    hidden: boolean;
+    date: string | undefined;
+    locale: string;
+    dateFormat: string | undefined;
+    timeFormat: string | undefined;
+    private smallerSizeMap;
+    localeDateFormat: Record<string, string>;
+    localeTimeFormat: Record<string, string>;
+    formatDate(date?: string, locale?: string): string;
+    formatTime(date?: string, locale?: string): string;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class DatePicker extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    testId?: string;
+    size: Size;
+    label?: string;
+    placeholder?: string;
+    helperText: string | undefined;
+    error: boolean;
+    name: string | undefined;
+    hidden: boolean;
+    value: Date | undefined;
+    rangeDate: boolean;
+    format: string;
+    displayGoToday: boolean;
+    displayOk: boolean;
+    showTime: boolean;
+    timeFormat: "hms" | "hm" | "timeEvery30";
+    locale: LocaleKey_2;
+    alignCalendar?: "left" | "right";
+    widthCalendar?: string | undefined;
+    disabledDate?: (date: number) => boolean;
+    disabledYears?: number[];
+    minYear?: number;
+    maxYear?: number;
+    _hideCalendar: boolean;
+    _isClear: boolean;
+    _isFocus: boolean;
+    _cDateFrom: number | undefined;
+    _cMonth: string | undefined;
+    _cYear: string | undefined;
+    _sValue: string | undefined;
+    _timeFrom: number | undefined;
+    private handleIcon;
+    private validateStringDate;
+    private getConvertedYearValue;
+    private handleDateParsing;
+    private updateInputValue;
+    private updateInputValueChange;
+    private handleOnBlur;
+    private handleOnFocus;
+    private handleDate;
+    private handleChangedDate;
+    private handleClickOutside;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private updateChangeValue;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const deepFlattenCssVar: (t: any, prefix?: string, kv?: kv) => kv;
+
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+
+export declare const defaultBorderTokens: Record<string, string>;
+
+export declare const defaultColorPallete: ColorPalette;
+
+export declare const defaultRadiusTokens: Record<string, string>;
+
+export declare const defaultSize: {
+    [key in Size]: string;
+};
+
+export declare const defaultSpacePrimitives: Record<string, {
+    rem: string;
+    px: number | null;
+}>;
+
+export declare const defaultSpacingTokens: Record<string, string>;
+
+export declare const defaultTheme: Theme;
+
+export declare const defaultToast: ToastData;
+
+/**
+ * @slot - This element has a slot
+ * @csspart text
+ */
+export declare class Divider extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    gap?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    hidden: boolean;
+    orientation: "horizontal" | "vertical";
+    label?: string | undefined;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class DownloadFile extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    margin?: string;
+    padding?: Size;
+    rounded?: string | undefined;
+    width?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontSize?: string | undefined;
+    hidden: boolean;
+    label?: string;
+    hideCloseButton: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Drawer extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    width: string;
+    headerPadding?: string;
+    bodyPadding?: string;
+    side: "left" | "right";
+    show: boolean;
+    hideDivider: boolean;
+    private close;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class DrawerHeader extends LitElement {
+    title: string;
+    description: string;
+    hideCloseButton: boolean;
+    close(): void;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class Dropdown extends LitElement {
+    static registeredName: string;
+    private static currentOpenDropdown;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight?: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    value: string | string[];
+    status: "error" | "success" | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    error: boolean;
+    success: boolean;
+    loading: boolean;
+    search: boolean;
+    optionsAnchor: "top" | "bottom" | "left" | "right";
+    optionsAlign: "left" | "right";
+    optionsWidth: "auto" | "fit";
+    required: boolean;
+    maxOptionsHeight: number;
+    multiSelect: boolean;
+    isSelected: string[];
+    clearValue: boolean;
+    allowUnselect: boolean;
+    hideCheckIcon: boolean;
+    hideErrorIcon: boolean;
+    hideSuccessIcon: boolean;
+    state: DropdownState;
+    forceOpen: undefined;
+    private clearSelection;
+    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    private handleClickContainer;
+    private scrollHandler;
+    private handleClickOutside;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    private calculatePosition;
+    private updateOptionsPosition;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class DropdownButton extends LitElement {
+    static registeredName: string;
+    state?: DropdownState;
+    theme?: Theme;
+    testId?: string;
+    size: Size;
+    hideChevron: boolean;
+    private handleClearClick;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare interface DropdownItem {
+    label: string;
+    value: string;
+}
+
+export declare class DropdownOption extends LitElement {
+    static registeredName: string;
+    state?: DropdownState;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight?: FontWeight;
+    value: string;
+    disabled: boolean;
+    private handleClick;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class DropdownPreview extends LitElement {
+    static registeredName: string;
+    vault?: DropdownState;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight?: FontWeight;
+    value?: string;
+    disabled: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type DropdownState = {
+    setValue: (value: string, el: HTMLElement) => void;
+    clearValue?: () => void;
+    isOpened?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+    isSuccess?: boolean;
+    isLoading?: boolean;
+    value?: string | string[];
+    multiSelect?: boolean;
+    showClearButton?: boolean;
+    isSelected?: string[];
+    hideCheckIcon?: boolean;
+    hideErrorIcon?: boolean;
+    hideSuccessIcon?: boolean;
+    size?: Size;
+};
+
+export declare class DynamicTable extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    hidden: boolean;
+    height?: string;
+    columnsWidth?: string[];
+    backgroundColor?: string;
+    stripedBackgroundColor?: string;
+    state: TableState;
+    updated(): void;
+    private checkScrollEnd;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const dynamicTableContext: {
+    __context__: TableState;
+};
+
+export declare class ExpandableCard extends LitElement {
+    static registeredName: string;
+    testId?: string;
+    color?: ColorRole | ColorName;
+    themeColor: ColorRole | ColorName;
+    variant: "outlined" | "elevated";
+    type: "expand-header" | "expand-footer";
+    loading: boolean;
+    hideToggle: boolean;
+    hideText: boolean;
+    expanded: boolean;
+    title: string;
+    subtitle: string;
+    width: string;
+    height: string;
+    radius: string;
+    lazy: boolean;
+    moreLabel: string;
+    lessLabel: string;
+    private hasHeader;
+    private get cardClasses();
+    private onHeaderSlotChange;
+    private toggle;
+    private renderHeaderToggle;
+    private renderFooterToggle;
+    private renderPanel;
+    private renderLoading;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare type FontFamilyGroup = "sans" | "serif" | "mono";
+
+export declare type FontWeight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
+
+export declare class Grid extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    draggable: boolean;
+    gap: string;
+    gridItemSize: number;
+    maxColumns: number;
+    items: GridItem[];
+    slottedChildren: Node[];
+    constructor();
+    private grid;
+    static styles: CSSResult[];
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): TemplateResult_2<1>;
+}
+
+export declare interface GridItem {
+    id: number;
+    x: number;
+    y: number;
+    w?: number;
+    h?: number;
+    content?: string;
+}
+
+export declare type GroupCheckbox = {
+    defaultValue?: string[];
+    options: checkboxOptions[];
+};
+
+export declare type GroupRadio = {
+    defaultValue?: string[];
+    options: radioOptions[];
+};
+
+export declare class HeaderCell extends LitElement {
+    static registeredName: string;
+    tableState?: TableState;
+    align: "left" | "center" | "right";
+    sortable: boolean;
+    sortDirection?: "asc" | "desc";
+    private handleSortIconClick;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+/**
+ * @slot - This element has a slot
+ * @csspart text
+ */
+export declare class Heading extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    hidden: boolean;
+    italic: boolean;
+    underline: boolean;
+    strike: boolean;
+    align?: "left" | "center" | "right" | "justify" | undefined;
+    transform?: "uppercase" | "lowercase" | "capitalize" | undefined;
+    level: 1 | 2 | 3 | 4 | 5;
+    static headings: Record<1 | 2 | 3 | 4 | 5, TemplateResult>;
+    render(): TemplateResult<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const i18nContext: {
+    __context__: I18nStore;
+};
+
+export declare type I18nData = {
+    [key: string]: {
+        [lang: string]: string;
+    };
+};
+
+export declare class I18nProvider extends LitElement {
+    store: I18nStore;
+    lang: string;
+    lastUpdate: number;
+    render(): TemplateResult_2<1>;
+}
+
+export declare interface I18nStore {
+    currentLang: string;
+    getVersion: () => Promise<number>;
+    setVersion: (version: number) => Promise<void>;
+    bulkSet: (data: I18nData) => Promise<void>;
+    set: (key: string, lang: string, value: string) => Promise<void>;
+    sets: (key: string, values: {
+        [lang: string]: string;
+    }) => Promise<void>;
+    get: (key: string, lang: string, fallbackLang?: string) => Promise<string>;
+    getAll: () => Promise<I18nData>;
+    render: (key: string, lang: string, metadata: any, fallbackLang?: string) => Promise<string>;
+    clear: () => Promise<void>;
+}
+
+export declare class Icon extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor?: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    padding?: Size;
+    margin?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    hidden: boolean;
+    cursor?: string | undefined;
+    onClick?: () => void;
+    name: string;
+    iconName: string;
+    static svgs: Record<string, TemplateResult>;
+    render(): TemplateResult<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class IdbI18nStore implements I18nStore {
+    constructor(namespace?: string, version?: number);
+    private db;
+    private namespace;
+    private initDb;
+    currentLang: string;
+    getVersion(): Promise<number>;
+    setVersion(version: number): Promise<void>;
+    set(key: string, lang: string, value: string): Promise<void>;
+    bulkSet(values: I18nData): Promise<void>;
+    sets(key: string, values: {
+        [lang: string]: string;
+    }): Promise<void>;
+    get(key: string, lang?: string, fallbackLang?: string): Promise<string>;
+    getAll(): Promise<I18nData>;
+    render(key: string, lang: string, metadata: any, fallbackLang?: string): Promise<string>;
+    clear(): Promise<void>;
+}
+
+/**
+ * @slot - This element has a slot
+ * @csspart text
+ */
+declare class Image_2 extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    borderWidth?: string | undefined;
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "inset" | "outset" | "none" | "hidden" | undefined;
+    boxShadow?: string | undefined;
+    dropShadow?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    hidden: boolean;
+    alt?: string | undefined;
+    src?: string | undefined;
+    fallbackSrc?: string | undefined;
+    boxSize?: string | undefined;
+    objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down" | undefined;
+    onImageError(): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+export { Image_2 as Image }
+
+export declare class ImageCropper extends LitElement {
+    src: string;
+    maskSize: number;
+    maskPadding: number;
+    maxExportSize?: number;
+    fitToMask: boolean;
+    private croppieInstance?;
+    private containerId;
+    createRenderRoot(): this;
+    render(): TemplateResult_2<1>;
+    updated(): void;
+    crop(format?: "jpeg" | "png" | "webp"): Promise<string | null>;
+    disconnectedCallback(): void;
+    static styles: CSSResult;
+}
+
+export declare function injectSemanticTokens(brand: Brand, root?: HTMLElement): void;
+
+export declare class InMemoryToastStore implements ToastStore {
+    toasts: ToastData[];
+    addToast(toast: Partial<ToastData>): string;
+    removeToast(id: string): void;
+    clearToasts(): void;
+}
+
+export declare class Input extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    type: "text" | "number" | "password" | "email" | "tel" | "url";
+    value: string | undefined;
+    placeholder: string | undefined;
+    status: "error" | "success" | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    error: boolean;
+    limit: number | undefined;
+    showLimit: boolean;
+    required: boolean;
+    autoComplete: "on" | "off";
+    render(): TemplateResult_2<1> | typeof nothing;
+    updateValue(e: any, redispatch?: boolean): void;
+    static styles: CSSResult;
+}
+
+export declare class InputAddon extends LitElement implements ThemeValue, BaseAttributes {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor?: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    type: "text" | "number" | "password" | "email" | "tel" | "url";
+    value: string | undefined;
+    placeholder: string | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    get hasPrefix(): boolean;
+    get hasPostfix(): boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class InputRange extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    placeholderFrom: string | undefined;
+    placeholderTo: string | undefined;
+    hidden: boolean;
+    limit?: number;
+    type: "text" | "number" | "password" | "email" | "tel" | "url";
+    error: boolean;
+    required: boolean;
+    disabled: boolean;
+    minHeight?: string | undefined;
+    minWidth?: string | undefined;
+    valueFrom: string | undefined;
+    valueTo: string | undefined;
+    updateValueFrom(e: any): void;
+    updateValueTo(e: any): void;
+    updateChangeFrom(e: any): void;
+    updateChangeTo(e: any): void;
+    updateClickFrom(e: any): void;
+    updateClickTo(e: any): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Inputtag extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    placeholder: string | undefined;
+    hidden: boolean;
+    limit?: number;
+    required: boolean;
+    minHeight?: string | undefined;
+    minWidth?: string | undefined;
+    tags: string[];
+    multiline: boolean;
+    maxTagLength?: number;
+    value: string;
+    totalChars: number;
+    calculateTotalChars(): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    handleTagInput(e: Event, redispatch?: boolean): void;
+    addTag(e: KeyboardEvent): void;
+    removeTag(tag: string): void;
+    static styles: CSSResult;
+}
+
+declare type kv = {
+    [key: string]: string;
+};
+
+declare type LocaleKey = "en" | "fr" | "th";
+
+declare type LocaleKey_2 = "en" | "fr" | "th";
+
+declare type LocaleKey_3 = "en" | "fr" | "th";
+
+declare type LocaleKey_4 = "en" | "fr" | "th";
+
+export declare class Logo extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    themeColor: string;
+    borderColor?: string;
+    margin?: string;
+    borderWidth?: string;
+    width?: string | undefined;
+    height?: string | undefined;
+    gap?: string | undefined;
+    boxSize?: string | undefined;
+    hidden: boolean;
+    fullLogo: boolean;
+    srcLogo?: string;
+    altLogo?: string;
+    srcLogoName?: string;
+    altLogoName?: string;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class MenuGroup extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    size: Size;
+    themeColor: string;
+    margin?: string;
+    width?: string | undefined;
+    height?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    color?: ColorRole | ColorName;
+    fontSize?: string | undefined;
+    padding?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    hidden: boolean;
+    header?: string | undefined;
+    isOpen: boolean;
+    min: boolean;
+    hiddenIcon: boolean;
+    private svgs;
+    render(): TemplateResult<1> | null;
+    static styles: CSSResult;
+}
+
+export declare class MenuItems extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    size: Size;
+    themeColor: string;
+    margin?: string;
+    width?: string | undefined;
+    height?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    color?: ColorRole | ColorName;
+    fontSize?: string | undefined;
+    padding?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    variant: MenuVariants;
+    hidden: boolean;
+    label?: string | undefined;
+    disabled: boolean;
+    active: boolean;
+    min: boolean;
+    render(): TemplateResult_2<1> | null;
+    static styles: CSSResult;
+}
+
+export declare type MenuVariants = "solid" | "outline";
+
+export declare class MiscIcon extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    hidden: boolean;
+    variant: "solid" | "light" | "outline";
+    iconName: string;
+    size: string;
+    themeColor: string;
+    iconColor?: string;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Modal extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    width?: string | undefined;
+    show: boolean;
+    hideCloseButton: boolean;
+    hideDivider: boolean;
+    private close;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class Pagination extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: string;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    borderWidth?: string | undefined;
+    height?: string | undefined;
+    currentPage: number;
+    totalPages: number;
+    rowsPerPage: number;
+    startItems: number;
+    endItems: number;
+    allItems: number;
+    selectedItems: number[];
+    showRowsPage: boolean;
+    showRowsPerPage: boolean;
+    showGoToPage: boolean;
+    showBtnPage: boolean;
+    min: boolean;
+    fullWidth: boolean;
+    dropdownAnchor: "top" | "bottom";
+    renderPageNumbers(): TemplateResult_2<1>[];
+    changePage(page: number): void;
+    goToNextPage(): void;
+    goToPage(): void;
+    handleInput(event: Event): void;
+    goToLastPage(): void;
+    goToPreviousPage(): void;
+    goToFirstPage(): void;
+    handleRowsPerPageChange(event: Event): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare const parseAtRuleThemeValue: (theme: Partial<ThemeField> | undefined) => string[];
+
+export declare const parseKvToCssVariables: (kv: kv, scope?: string) => TemplateResult<1>;
+
+export declare const parseThemeToCssVariables: (theme: Partial<ThemeField> | undefined, scope?: string) => TemplateResult;
+
+export declare const parseVariables: (...variables: (string | undefined)[]) => string;
+
+export declare class PinCode extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    height?: string | undefined;
+    length: number;
+    type: "text" | "number";
+    value: string;
+    placeholder: string | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    error: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    updateValue(e: any, redispatch?: boolean): void;
+    handleInput(event: Event): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleInputFocus(currentInput: HTMLInputElement): void;
+    handleInputBlur(currentInput: HTMLInputElement): void;
+    handlePaste(e: ClipboardEvent): void;
+    static styles: CSSResult;
+}
+
+export declare type Placement = "top" | "bottom" | "left" | "right" | "topleft" | "topright" | "bottomleft" | "bottomright" | "lefttop" | "leftbottom" | "righttop" | "rightbottom";
+
+export declare type Position = "left" | "right" | "bottom" | "center" | "top" | "left-bottom" | "left-top" | "right-bottom" | "right-top";
+
+export declare class ProgressBar extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    width?: string | undefined;
+    value: number;
+    labelPosition: "top" | "bottom" | "right";
+    status: "in-progress" | "error" | "success";
+    styleOfProgress: "text" | "icon";
+    label: string;
+    render(): TemplateResult_2<1> | typeof nothing;
+    renderLabel(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class Radio extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    hidden: boolean;
+    label?: string | undefined;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    private _onChange;
+    static styles: CSSResult;
+}
+
+export declare class RadioGroup extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    size: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    hidden: boolean;
+    label?: string | undefined;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    group?: GroupRadio | undefined;
+    inline: boolean;
+    _isGroupRadio: boolean;
+    _checked: boolean;
+    _groupOptions: radioOptions[];
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    private _onChangeGroup;
+    private _updateRadioState;
+    private _setGroupChecked;
+    static styles: CSSResult;
+}
+
+export declare type radioOptions = {
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    value: string;
+};
+
+export declare class RangeDatePicker extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    testId?: string;
+    size: Size;
+    label?: string;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    helperText: string | undefined;
+    error: boolean;
+    name: string | undefined;
+    hidden: boolean;
+    valueFrom: Date | undefined;
+    valueTo: Date | undefined;
+    format: string;
+    displayGoToday: boolean;
+    displayOk: boolean;
+    showTime: boolean;
+    timeFormat: "hms" | "hm" | "timeEvery30";
+    locale: LocaleKey_3;
+    alignCalendar?: "left" | "right";
+    widthCalendar?: string | undefined;
+    disabledDate?: (date: number) => boolean;
+    disabledYears?: number[];
+    minYear?: number;
+    maxYear?: number;
+    _hideCalendar: boolean;
+    _isClear: boolean;
+    _isFocus: boolean;
+    _cDateFrom: number | undefined;
+    _cDateTo: number | undefined;
+    _cMonthFrom: string | undefined;
+    _cYearFrom: string | undefined;
+    _cMonthTo: string | undefined;
+    _cYearTo: string | undefined;
+    _sValueFrom: string | undefined;
+    _sValueTo: string | undefined;
+    _cNoNext: boolean;
+    _cNoPrev: boolean;
+    _timeFrom: number | undefined;
+    _timeTo: number | undefined;
+    _timeTarget: "dateFrom" | "dateTo";
+    private handleIcon;
+    private validateStringDate;
+    private getConvertedYearValue;
+    private handleDateParsing;
+    private updateInputValueFrom;
+    private updateChangeValueFrom;
+    private updateInputValueTo;
+    private updateChangeValueTo;
+    private handleClickFrom;
+    private handleClickTo;
+    private handleOnBlur;
+    private handleOnFocus;
+    private handleDateChanged;
+    private handleChangedDateFrom;
+    private handleChangedDateTo;
+    handlePrevMonth({ detail }: any): void;
+    handleNextMonth({ detail }: any): void;
+    setYearFrom({ detail }: any): void;
+    setYearTo({ detail }: any): void;
+    private handleClickOutside;
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected updated(properties: PropertyValues): void;
+    private updateChangeValue;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+declare interface RowData {
+    [key: string]: any;
+}
+
+export declare interface sectionItem {
+    id: string | number;
+    label: string;
+    description: string;
+    showButton?: boolean;
+    buttonIcon?: string;
+    buttonColor?: string;
+    showTooltip?: boolean;
+    tooltipText?: string;
+    disabledButton?: boolean;
+}
+
+export declare type SemanticTokenMap = Record<string, string>;
+
+export declare const semanticTokens: Record<Brand, SemanticTokenMap>;
+
+export declare class Sidebar extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    themeColor: ColorRole | ColorName;
+    padding?: Size;
+    expanded: boolean;
+    selectedItems: string[];
+    expandedGroups: string[];
+    width?: string;
+    state: State;
+    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class SidebarGroup extends LitElement {
+    static registeredName: string;
+    private state?;
+    testId?: string;
+    key: string;
+    label?: string | undefined;
+    expanded?: boolean;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class SidebarHeader extends LitElement {
+    static registeredName: string;
+    private state?;
+    theme?: Theme;
+    testId?: string;
+    render(): TemplateResult_2<1> | null;
+    static styles: CSSResult;
+}
+
+export declare class SidebarItems extends LitElement {
+    static registeredName: string;
+    private state?;
+    testId?: string;
+    key: string;
+    label?: string | undefined;
+    disabled: boolean;
+    actived?: boolean;
+    render(): TemplateResult_2<1>;
+    private handleClick;
+    static styles: CSSResult;
+}
+
+export declare class SidebarList extends LitElement {
+    static registeredName: string;
+    testId?: string;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare type Size = string | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+
+export declare type SizeSystem = string | "full" | "screen" | "min" | "max" | "fit";
+
+export declare class Skeleton extends LitElement {
+    static registeredName: string;
+    testId?: string;
+    skeletonShape: "capsule" | "circle" | "square";
+    size?: Size;
+    width?: string;
+    height?: string;
+    animationDuration: number;
+    render(): TemplateResult_2<1> | typeof nothing;
+    private getSizeWidth;
+    private getSizeHeight;
+    private renderSkeletonContent;
+    static styles: CSSResult;
+}
+
+export declare class Spinner extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    color: ColorRole | ColorName;
+    size: Size;
+    hidden: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type State = {
+    expanded: boolean;
+    selectedItems: string[];
+    expandedGroups: string[];
+    setExpanded: (expanded: boolean) => void;
+    setSelectedItem: (key: string, selected: boolean) => void;
+    setExpandedGroup: (key: string, collapsed: boolean) => void;
+};
+
+export declare const stateContext: {
+    __context__: State;
+};
+
+declare interface Step {
+    title: string;
+    description: string;
+    status: "finish" | "process" | "wait" | "error";
+    progress?: number;
+    icon?: string;
+}
+
+export declare class Stepper extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    steps: Step[];
+    currentStep: number;
+    activeIndex: number;
+    errorStep: string;
+    hidden: boolean;
+    percent: number | undefined;
+    render(): TemplateResult_2<1> | typeof nothing;
+    shouldUpdateStatus(step: Step): boolean;
+    handleStepClick(index: number): void;
+    previousStep(): void;
+    nextStep(): void;
+    static styles: CSSResult;
+}
+
+export declare class TabButton extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    variant: "inline" | "button";
+    size: "sm" | "md";
+    width?: string | undefined;
+    color?: ColorRole | ColorName;
+    active: boolean;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class TabHeader extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    variant: "inline" | "button";
+    align: "left" | "center" | "right";
+    size: "sm" | "md";
+    color?: ColorRole | ColorName;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class Table extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    borderWidth?: string | undefined;
+    height?: string | undefined;
+    columns: Column[];
+    data: RowData[];
+    showPaginationFooter: boolean;
+    selectedRows: number[];
+    showCheckbox: boolean;
+    selectAll: boolean;
+    rowsPerPage: number;
+    currentPage: number;
+    showPageNavigation: boolean;
+    showRowsPerPageSelector: boolean;
+    showPageButtons: boolean;
+    showGoToPageInput: boolean;
+    totalPaginationPages: number;
+    maxVisiblePageButtons: number;
+    min: boolean;
+    customCell: {
+        [dataIndex: string]: {
+            render: (value: any, record: any, rowIndex: number) => string;
+            onClick?: (value: any, record: any, rowIndex: number) => void;
+            onChange?: (value: any, record: any, rowIndex: number) => void;
+        };
+    };
+    get restrictedTotalPages(): number;
+    toggleSelectAll(): void;
+    toggleSelect(rowIndex: number): void;
+    updatedPage(event: CustomEvent): void;
+    handlePageChanged(event: CustomEvent): void;
+    handleSort(col: Column): void;
+    renderHeader(col: Column): TemplateResult;
+    renderBody(row: RowData, rowIndex: number): TemplateResult[];
+    renderHTML(content: string, align?: "left" | "center" | "right", onClick?: () => void, onChange?: (event: Event) => void): TemplateResult;
+    renderPaginationControls(): TemplateResult<1>;
+    render(): TemplateResult<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class TableCell extends LitElement {
+    static registeredName: string;
+    tableState?: TableState;
+    align: "left" | "center" | "right";
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class TableRow extends LitElement {
+    static registeredName: string;
+    tableState?: TableState;
+    theme?: Theme;
+    padding?: Size;
+    borderBottom?: string;
+    expanded: undefined;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare type TableState = {
+    sortingColumnId?: string;
+    stripedBackgroundColor?: string;
+};
+
+export declare class Tabs extends LitElement {
+    static registeredName: string;
+    activeIndex: number;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    borderWidth?: string | undefined;
+    height?: string | undefined;
+    labels: string[];
+    variant: TabVariants;
+    widthTab: TabWidth;
+    tabSize: TabSize;
+    min: boolean;
+    fullWidth: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    renderTabs(): TemplateResult_2<1>;
+    renderTabContent(): TemplateResult_2<1>;
+    handleTabClick(index: number): void;
+    static styles: CSSResult;
+}
+
+export declare type TabSize = "md" | "sm";
+
+export declare type TabVariants = "inline" | "button";
+
+export declare type TabWidth = "true" | "false";
+
+export declare class Tag extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    rounded?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    variant: BadgeVariants;
+    hidden: boolean;
+    cursor?: string | undefined;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Template extends LitElement {
+    static registeredName: string;
+    i18n?: I18nStore;
+    key: string;
+    data: object;
+    lang: string;
+    fallbackLang: string;
+    render(): TemplateResult_2<1>;
+}
+
+/**
+ * @slot - This element has a slot
+ * @csspart text
+ */
+declare class Text_2 extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    hidden: boolean;
+    italic: boolean;
+    underline: boolean;
+    strike: boolean;
+    align?: "left" | "center" | "right" | "justify" | undefined;
+    transform?: "uppercase" | "lowercase" | "capitalize" | undefined;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+export { Text_2 as Text }
+
+export declare class Textarea extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    width?: string | undefined;
+    label: string | undefined;
+    helperText: string | undefined;
+    name: string | undefined;
+    value: string | undefined;
+    placeholder: string | undefined;
+    status: "error" | "success" | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    rows: number;
+    limit?: number;
+    error: boolean;
+    required: boolean;
+    minHeight?: string | undefined;
+    minWidth?: string | undefined;
+    resize: "none" | "both" | "horizontal" | "vertical";
+    updateValue(e: any, redispatch?: boolean): void;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare type Theme = {
+    components: {
+        button?: {} & Partial<ThemeField>;
+        input?: Partial<ThemeField>;
+        icon?: Partial<ThemeField>;
+        text?: Partial<ThemeField>;
+        heading?: Partial<ThemeField>;
+        divider?: Partial<ThemeField>;
+        checkbox?: Partial<ThemeField>;
+        image?: Partial<ThemeField>;
+        toggle?: Partial<ThemeField>;
+        topNavbar?: Partial<ThemeField>;
+        avatar?: Partial<ThemeField>;
+        logo?: Partial<ThemeField>;
+        alert?: Partial<ThemeField>;
+        menu?: Partial<ThemeField>;
+        sidebar?: Partial<ThemeField>;
+        badge?: Partial<ThemeField>;
+        tag?: Partial<ThemeField>;
+        container?: Partial<ThemeField>;
+        textarea?: Partial<ThemeField>;
+        tooltip?: Partial<ThemeField>;
+        dropdown?: Partial<ThemeField>;
+        radio?: Partial<ThemeField>;
+        tab?: Partial<ThemeField>;
+        stepper?: Partial<ThemeField>;
+        table?: Partial<ThemeField>;
+        row?: Partial<ThemeField>;
+        pagination?: Partial<ThemeField>;
+        pinCode?: Partial<ThemeField>;
+        cardSelect?: Partial<ThemeField>;
+        calendar?: Partial<ThemeField>;
+        inputtag?: Partial<ThemeField>;
+        time?: Partial<ThemeField>;
+        progressBar?: Partial<ThemeField>;
+        downloadFile?: Partial<ThemeField>;
+        miscIcon?: Partial<ThemeField>;
+        timeline?: Partial<ThemeField>;
+        skeleton?: Partial<ThemeField>;
+        spinner?: Partial<ThemeField>;
+        accordion?: Partial<ThemeField>;
+        widgetgrid?: Partial<ThemeField>;
+        widgetexample?: Partial<ThemeField>;
+        WidgetMatric?: Partial<ThemeField>;
+        WidgetUserDetail?: Partial<ThemeField>;
+        WidgetTitle?: Partial<ThemeField>;
+        WidgetTable?: Partial<ThemeField>;
+    };
+} & ThemeField;
+
+export declare const themeContext: {
+    __context__: Theme;
+};
+
+export declare type ThemeField = {
+    colors: ColorPalette;
+    fontSize: {
+        [key in Size]: string;
+    };
+    lineHeight: {
+        [key in Size]: string;
+    };
+    fontFamily: {
+        [key in FontFamilyGroup]: string[];
+    };
+    fontWeight: {
+        [key in FontWeight]: number;
+    };
+    borderColor: ColorPalette;
+    borderWidth: {
+        [key in Size]: string;
+    };
+    rounded: {
+        [key in Size]: string;
+    };
+    boxShadow: {
+        [key in Size]: string;
+    };
+    width: {
+        [key in Size | SizeSystem]: string;
+    };
+    height: {
+        [key in Size | SizeSystem]: string;
+    };
+    minWidth: {
+        [key in Size | SizeSystem]: string;
+    };
+    minHeight: {
+        [key in Size | SizeSystem]: string;
+    };
+    maxWidth: {
+        [key in Size | SizeSystem]: string;
+    };
+    maxHeight: {
+        [key in Size | SizeSystem]: string;
+    };
+    padding: {
+        [key in Size]: string;
+    };
+    margin: {
+        [key in Size]: string;
+    };
+    spacing: {
+        [key in Size]: string;
+    };
+    "@keyframes": {
+        [keyframe: string]: {
+            [range: string]: {
+                [style: string]: string;
+            };
+        };
+    };
+    animation: {
+        [key: string]: string;
+    };
+    screens: {
+        [key: Size]: string;
+    };
+};
+
+export declare class ThemeProvider extends LitElement {
+    theme: Theme;
+    brand?: Brand;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+declare type ThemeValue = {
+    themeColor?: string;
+    backgroundColor?: string;
+    color?: string;
+    borderColor?: string;
+    size: string;
+    fontSize?: string;
+    lineHeight?: string;
+    gap?: string;
+    rounded?: string;
+    padding?: string;
+    margin?: string;
+    fontFamilyGroup?: FontFamilyGroup;
+    fontWeight?: FontWeight;
+    borderWidth?: string;
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "inset" | "outset" | "none" | "hidden";
+    boxShadow?: string;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+};
+
+export declare class Time extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: string;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    rounded?: string | undefined;
+    locale: LocaleKey_4;
+    nowText: string;
+    okText: string;
+    footerStyle: "between" | "middle" | "right" | "left";
+    displayGoNow: boolean;
+    displayOk: boolean;
+    value?: number;
+    _selectedHour: number | null;
+    _selectedMinute: number | null;
+    _selectedSecond: number | null;
+    hidden: boolean;
+    maxHeight?: string;
+    format: TypeTime;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private handleTimeClick;
+    private handleOk;
+    private dispatchTimeChangedEvent;
+    private goToNow;
+    private convertToUnixTimestamp;
+    private renderTimeEvery30;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Timeline extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    padding?: Size;
+    fontSize?: string | undefined;
+    gap?: string | undefined;
+    rounded?: string | undefined;
+    margin?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    Items: TimelineItem[];
+    hidden: boolean;
+    display: "vertical" | "horizontal";
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare interface TimelineItem {
+    title: string;
+    description: string;
+    subTitle: string;
+    status: "completed" | "in-progress" | "pending";
+}
+
+export declare const toastContext: {
+    __context__: ToastStore;
+};
+
+export declare type ToastData = {
+    id: string;
+    title: string;
+    message: string;
+    type: "success" | "error" | "info" | "warning";
+    timeout: number;
+    testId?: string;
+};
+
+export declare class ToastProvider extends LitElement {
+    toast: ToastStore;
+    private poller?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare interface ToastStore {
+    addToast: (toast: Partial<ToastData>) => string;
+    removeToast: (id: string) => void;
+    toasts: ToastData[];
+    clearToasts: () => void;
+}
+
+export declare class Toggle extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    themeColor: ColorRole | ColorName;
+    color?: ColorRole | ColorName;
+    backgroundColor?: string | undefined;
+    size: Size;
+    fontSize?: string | undefined;
+    margin?: string | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    checked: boolean;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class Tooltip extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    testId?: string;
+    size: Size;
+    themeColor: string;
+    color?: ColorRole | ColorName;
+    hidden: boolean;
+    placement: Placement;
+    hideArrow: boolean;
+    hideCloseButton: boolean;
+    trigger: Trigger;
+    label: string;
+    areaPosition: string;
+    maxWidth?: string;
+    _isOpen: boolean;
+    private _handleVisibleTooltip;
+    private _handleClickable;
+    private _close;
+    render(): TemplateResult_2<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+export declare class TopNavbar extends LitElement implements ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class Translate extends LitElement {
+    static registeredName: string;
+    i18n?: I18nStore;
+    key: string;
+    lang: string;
+    fallbackLang: string;
+    render(): TemplateResult_2<1>;
+}
+
+export declare type Trigger = "hover" | "click";
+
+export declare type Type = "default" | "info" | "error" | "warning" | "success";
+
+export declare type TypeCard = "stacked" | "horizontal";
+
+declare type typeDay = {
+    isCurrentMonth?: boolean;
+    hover: boolean;
+    title: number;
+    date: number;
+};
+
+declare type TypeTime = "hms" | "hm" | "timeEvery30";
+
+export declare const valueContext: {
+    __context__: DropdownState;
+};
+
+export declare type VariantCard = "outlined" | "elevated";
+
+export declare class WaveIcon extends LitElement {
+    static registeredName: string;
+    theme?: Theme;
+    hidden: boolean;
+    iconName: string;
+    themeColor: string;
+    iconColor?: string;
+    waveColor?: string;
+    size: string;
+    render(): TemplateResult_2<1> | typeof nothing;
+    renderWave(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+declare interface Widget {
+    getSize(): string[];
+}
+
+export declare class WidgetExample extends LitElement implements Widget, ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    testId?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    widgetWidth: string;
+    widgetHeight: string;
+    private _defaultWidth;
+    private _defaultHeight;
+    isValidSize(): boolean;
+    getWidth(): string;
+    getHeight(): string;
+    getSize(): string[];
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class WidgetMatric extends LitElement implements Widget, ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    testId?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    widgetWidth: string;
+    widgetHeight: string;
+    private _defaultWidth;
+    private _defaultHeight;
+    label: string;
+    subText: string;
+    badgeText: string;
+    badgeColor: string;
+    badgeIcon: string;
+    iconLeftColor: string;
+    iconLeft: string;
+    imgUrl: string;
+    buttonColor: string;
+    buttonVariant: string;
+    buttonIcon: string;
+    iconRightColor: string;
+    iconRight: string;
+    showSubtext: boolean;
+    showImage: boolean;
+    showIconLeft: boolean;
+    showButtonIcon: boolean;
+    showBadge: boolean;
+    showIconRight: boolean;
+    private isLabelClamped;
+    private labelWrapperEl;
+    private isSubtextClamped;
+    private subtextWrapperEl;
+    private boundCheckLabelEllipsis;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private checkAllEllipsis;
+    private checkLabelEllipsis;
+    private checkSubtextEllipsis;
+    isValidSize(): boolean;
+    getWidth(): string;
+    getHeight(): string;
+    getSize(): string[];
+    private getContainerStyles;
+    private handleButtonClick;
+    private renderLabel;
+    private renderSubtext;
+    private renderBadgeText;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class WidgetTable extends LitElement implements Widget, ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    testId?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    widgetWidth: string;
+    widgetHeight: string;
+    private defaultWidth;
+    private defaultHeight;
+    label: string;
+    description: string;
+    badgeText: string;
+    badgeColor: string;
+    badgeIcon: string;
+    showBadge: boolean;
+    showDescription: boolean;
+    buttonColor: string;
+    buttonVariant: string;
+    buttonIcon: string;
+    buttonText: string;
+    disabledButton: boolean;
+    showButtonIcon: boolean;
+    tableColumns: any[];
+    tableData: any[];
+    totalItems: number;
+    currentPage: number;
+    rowsPerPage: number;
+    emptyImage: string;
+    maxVisiblePageButtons: number;
+    private internalTableData;
+    private activeSortColumn;
+    private activeSortDirection;
+    private isLabelClamped;
+    private isSubtextClamped;
+    private labelWrapperEl;
+    private subtextWrapperEl;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    updated(changedProperties: PropertyValues): void;
+    private checkAllEllipsis;
+    isValidSize(): boolean;
+    getWidth(): string;
+    getHeight(): string;
+    getSize(): string[];
+    private getContainerStyles;
+    private handleButtonClick;
+    private handleActionIconClick;
+    private renderTextWithTooltip;
+    private renderBadgeText;
+    private renderLabelText;
+    private renderSubText;
+    private get truncatedButtonText();
+    private handleSort;
+    private handleLoadDataTable;
+    private get processedColumns();
+    private getColorValue;
+    private get customCellConfig();
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class WidgetTitle extends LitElement implements Widget, ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    testId?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    widgetWidth: string;
+    widgetHeight: string;
+    private _defaultWidth;
+    private _defaultHeight;
+    titleText: string;
+    subText: string;
+    get buttonText(): string;
+    set buttonText(v: string);
+    private _buttonText;
+    buttonColor: string;
+    buttonVariant: string;
+    buttonIcon: string;
+    dropdownOptions: DropdownItem[];
+    private selectedValue;
+    showSubtext: boolean;
+    showButtonText: boolean;
+    showButtonIcon: boolean;
+    actionType: ActionType;
+    disabledButton: boolean;
+    private isTitleClamped;
+    private titleWrapperEl;
+    private isSubtextClamped;
+    private subtextWrapperEl;
+    private boundCheckTitleEllipsis;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private checkAllEllipsis;
+    private checkTitleEllipsis;
+    private checkSubtextEllipsis;
+    isValidSize(): boolean;
+    getWidth(): string;
+    getHeight(): string;
+    getSize(): string[];
+    private getContainerStyles;
+    private handleButtonClick;
+    private onSelectItemDropDownPrimary;
+    private renderTitle;
+    private renderSubtext;
+    private renderAction;
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export declare class WidgetUserDetail extends LitElement implements Widget, ThemeValue {
+    static registeredName: string;
+    theme?: Theme;
+    size: Size;
+    color?: ColorRole | ColorName;
+    margin?: string | undefined;
+    padding?: Size;
+    gap?: string | undefined;
+    testId?: string;
+    fontFamilyGroup: FontFamilyGroup;
+    fontWeight: FontWeight;
+    fontSize?: string | undefined;
+    widgetWidth: string;
+    widgetHeight: string;
+    private _defaultWidth;
+    private _defaultHeight;
+    label: string;
+    subText: string;
+    buttonColor: string;
+    buttonVariant: string;
+    buttonIcon: string;
+    buttonText: string;
+    imgUrl: string;
+    imageShape: string;
+    showSubtext: boolean;
+    showImage: boolean;
+    showButtonIcon: boolean;
+    showButtonTooltip: boolean;
+    buttonTooltipText: string;
+    disabledButton: boolean;
+    rowItems: sectionItem[];
+    private clampedStates;
+    private isLabelClamped;
+    private isSubtextClamped;
+    private labelWrapperEl;
+    private subtextWrapperEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private checkAllEllipsis;
+    isValidSize(): boolean;
+    getWidth(): string;
+    getHeight(): string;
+    getSize(): string[];
+    private getContainerStyles;
+    private handleButtonClick;
+    private handleButtonItemClick;
+    private renderTextWithTooltip;
+    private get maxItemsToShow();
+    private get truncatedButtonText();
+    render(): TemplateResult_2<1>;
+    static styles: CSSResult;
+}
+
+export { }
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-i18n-provider": I18nProvider;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-theme-provider": ThemeProvider;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-badge": Badge;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-alert": Alert;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-avatar": Avatar;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-toast-provider": ToastProvider;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-card-select": CardSelect;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-card-group": CardGroup;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-checkbox": Checkbox;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-button": Button;
+    }
+}
+
+
+declare global {
+    interface HTMLElementContainerNameMap {
+        "ssk-code-block": CodeBlock;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-divider": Divider;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-i18n-template": Template;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-i18n-translate": Translate;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-heading": Heading;
+    }
+}
+
+
+declare global {
+    interface HTMLElementContainerNameMap {
+        "ssk-container": Container;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-date-display": DateDisplay;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-image": Image;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-input-tag": Inputtag;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-input-addon": InputAddon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-logo": Logo;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-menu-group": MenuGroup;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-menu-items": MenuItems;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-spinner": Spinner;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-pin-code": PinCode;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-radio": Radio;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-text": Text;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-radio-group": RadioGroup;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-textarea": Textarea;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-toggle": Toggle;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-tag": Tag;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-top-navbar": TopNavbar;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-example': WidgetExample;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-matric': WidgetMatric;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-user-detail': WidgetUserDetail;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-title': WidgetTitle;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-table': WidgetTable;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-addon-phone-country": AddonPhoneCountry;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-calendar": Calendar;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-expandable-card": ExpandableCard;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-download-file": DownloadFile;
+    }
+}
+
+
+declare global {
+    interface HTMLElementModalNameMap {
+        "ssk-modal": Modal;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-misc-icon": MiscIcon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-pagination": Pagination;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-progress-bar": ProgressBar;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-stepper": Stepper;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-skeleton": Skeleton;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-table": Table;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-tabs": Tabs;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-time": Time;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-timeline": Timeline;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-tooltip": Tooltip;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ssk-widget-grid': Grid;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-wave-icon": WaveIcon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-card": Card;
+    }
+}
+
+
+declare global {
+    interface HTMLElementToastNameMap {
+        "ssk-toast": Toast;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-input": Input;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-accordion": Accordion;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-input-range": InputRange;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-country-icon": CountryIcon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-tab-button": TabButton;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-accordion-item": AccordionItem;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-tab-header": TabHeader;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-table-cell": TableCell;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-header-cell": HeaderCell;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-icon": Icon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-dynamic-table": DynamicTable;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-table-row": TableRow;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-date-picker": DatePicker;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-range-date-picker": RangeDatePicker;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-drawer": Drawer;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-drawer-header": DrawerHeader;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-dropdown-button": DropdownButton;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-dropdown": Dropdown;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-dropdown-option": DropdownOption;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-dropdown-preview": DropdownPreview;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-sidebar-group": SidebarGroup;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-sidebar-item": SidebarItems;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-sidebar-header": SidebarHeader;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-sidebar-list": SidebarList;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-sidebar": Sidebar;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ssk-cell": Cell;
+    }
+}
+