@kubit-ui-web/react-components 2.0.0-beta.53 → 2.0.0-beta.55

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ import { AriaAttributes } from 'react';
 import { AriaRole } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
+import { CssGeneratorType } from 'bernova/interfaces';
 import { CSSProperties } from 'react';
 import { DOMAttributes } from 'react';
 import { FC } from 'react';
@@ -1176,54 +1177,16 @@ declare type ComponentsTypesComponents = {
         header: string;
         headerbutton: string;
         innercontent: string;
-        $_neutral: {
-            accordion: string;
-        };
-        $_standard: {
-            accordion: string;
-        };
     };
     ALERT: {
         container: string;
         contentcontainer: string;
         description: string;
-        $_error: {
-            alert: string;
-            container: string;
-        };
-        $_informative: {
-            alert: string;
-            container: string;
-        };
-        $_success: {
-            alert: string;
-            container: string;
-        };
-        $_warning: {
-            alert: string;
-            container: string;
-        };
     };
     AVATAR: {
         avatar: string;
         dot: string;
         icon: string;
-        $_large: {
-            avatar: string;
-            icon: string;
-        };
-        $_medium: {
-            avatar: string;
-            icon: string;
-        };
-        $_small: {
-            avatar: string;
-            icon: string;
-        };
-        $_extra_large: {
-            avatar: string;
-            icon: string;
-        };
     };
     BADGE: {
         badge: string;
@@ -1234,22 +1197,6 @@ declare type ComponentsTypesComponents = {
         label: string;
         labelcontainer: string;
         labelicon: string;
-        $_default: {
-            badge: string;
-            icon: string;
-        };
-        $_alternative: {
-            badge: string;
-            icon: string;
-            label: string;
-            labelicon: string;
-        };
-        $_primary: {
-            badge: string;
-            icon: string;
-            label: string;
-            labelicon: string;
-        };
     };
     BREADCRUMBS: {
         breadcrumbs: string;
@@ -1259,48 +1206,11 @@ declare type ComponentsTypesComponents = {
         lastonecrumb: string;
         link: string;
         linkcontainer: string;
-        $_alternative: {
-            breadcrumbs: string;
-            icondivider: string;
-            lastonecrumb: string;
-            link: string;
-        };
-        $_default: {
-            breadcrumbs: string;
-            lastonecrumb: string;
-            link: string;
-        };
     };
     BUTTON: {
         button: string;
         icon: string;
         loader: string;
-        $_large: {
-            button: string;
-            icon: string;
-        };
-        $_small: {
-            button: string;
-            icon: string;
-        };
-        $_alternative: {
-            button: string;
-        };
-        $_ghost_alt: {
-            button: string;
-        };
-        $_ghost_primary: {
-            button: string;
-        };
-        $_ghost_secondary: {
-            button: string;
-        };
-        $_primary: {
-            button: string;
-        };
-        $_secondary: {
-            button: string;
-        };
         dynamic_values: (styles: {
             $alignText: string;
         }) => {
@@ -1350,20 +1260,11 @@ declare type ComponentsTypesComponents = {
         content: string;
         footer: string;
         header: string;
-        $_default: {
-            card: string;
-            content: string;
-            footer: string;
-            header: string;
-        };
     };
     CAROUSEL: {
         carousel: string;
         content: string;
         viewer: string;
-        $_default: {
-            carousel: string;
-        };
     };
     CHECKBOX: {
         checkbox: string;
@@ -1381,9 +1282,6 @@ declare type ComponentsTypesComponents = {
         icon: string;
         iconcontainer: string;
         input: string;
-        $_default: {
-            checkbox_base: string;
-        };
     };
     CHIP: {
         chip: string;
@@ -1397,17 +1295,6 @@ declare type ComponentsTypesComponents = {
         rangeitemseparator: string;
         rangeitemtext: string;
         rangeitemwrapper: string;
-        $_default: {
-            chip: string;
-            closeicon: string;
-            errorcontainer: string;
-            erroricon: string;
-            errormessage: string;
-            label: string;
-            lefticon: string;
-            rangeitemseparator: string;
-            rangeitemtext: string;
-        };
     };
     DATA_TABLE: {
         data_table: string;
@@ -1417,9 +1304,6 @@ declare type ComponentsTypesComponents = {
         rightboxshadow: string;
         rightboxshadowcontainer: string;
         scrollablecontainer: string;
-        $_default: {
-            data_table: string;
-        };
         row_group_table: {
             container: string;
             headboxshadow: string;
@@ -1485,32 +1369,11 @@ declare type ComponentsTypesComponents = {
     };
     DOT: {
         dot: string;
-        $_big: {
-            dot: string;
-        };
-        $_medium: {
-            dot: string;
-        };
-        $_small: {
-            dot: string;
-        };
-        $_alternative: {
-            dot: string;
-        };
-        $_with_border: {
-            dot: string;
-        };
-        $_without_border: {
-            dot: string;
-        };
     };
     ERROR_MESSAGE: {
         error_message: string;
         icon: string;
         typography: string;
-        $_default: {
-            error_message: string;
-        };
     };
     ICON: {
         button: string;
@@ -1530,15 +1393,6 @@ declare type ComponentsTypesComponents = {
     INPUT: {
         input: string;
         inputandlabelcontainer: string;
-        $_filled: {
-            input: string;
-        };
-        $_outlined: {
-            input: string;
-        };
-        $_standard: {
-            input: string;
-        };
         input_base: {
             input_base: string;
         };
@@ -1553,31 +1407,16 @@ declare type ComponentsTypesComponents = {
     };
     INPUT_BASE: {
         input_base: string;
-        $_filled: {
-            input_base: string;
-        };
-        $_outlined: {
-            input_base: string;
-        };
-        $_standard: {
-            input_base: string;
-        };
     };
     INPUT_DECORATION: {
         input_decoration: string;
         decoration: string;
-        $_standard: {
-            input_decoration: string;
-        };
     };
     INPUT_SIGNATURE: {
         input_signature: string;
         canvas: string;
         placeholdercontainer: string;
         placeholdertext: string;
-        $_default: {
-            input_signature: string;
-        };
     };
     ITEM_ROVE: {
         item_rove: string;
@@ -1587,30 +1426,6 @@ declare type ComponentsTypesComponents = {
         childrencontainer: string;
         icon: string;
         labelandiconcontainer: string;
-        $_inline_primary: {
-            link: string;
-            icon: string;
-        };
-        $_inline_secondary: {
-            link: string;
-            icon: string;
-        };
-        $_inline_secondary_alt: {
-            link: string;
-            icon: string;
-        };
-        $_navigation_primary: {
-            link: string;
-            icon: string;
-        };
-        $_navigation_secondary: {
-            link: string;
-            icon: string;
-        };
-        $_navigation_secondary_alt: {
-            link: string;
-            icon: string;
-        };
     };
     LINK_AS_BUTTON: {
         link_as_button: string;
@@ -1620,11 +1435,6 @@ declare type ComponentsTypesComponents = {
         optionscontainer: string;
         title: string;
         titlecontainer: string;
-        $_default: {
-            list_options: string;
-            title: string;
-            titlecontainer: string;
-        };
     };
     MODAL: {
         modal: string;
@@ -1639,9 +1449,6 @@ declare type ComponentsTypesComponents = {
         title: string;
         titlecontainer: string;
         titlehiddencontainer: string;
-        $_default: {
-            modal: string;
-        };
     };
     OPTION: {
         option: string;
@@ -1653,21 +1460,9 @@ declare type ComponentsTypesComponents = {
         labeliconcontainer: string;
         sublabel: string;
         sublabelcontainer: string;
-        $_default: {
-            option: string;
-            icon: string;
-            label: string;
-            labeliconcontainer: string;
-        };
     };
     OVERLAY: {
         overlay: string;
-        $_default: {
-            overlay: string;
-        };
-        $_secondary: {
-            overlay: string;
-        };
     };
     PAGE_CONTROL: {
         page_control: string;
@@ -1678,15 +1473,6 @@ declare type ComponentsTypesComponents = {
         pagedot: string;
         rightarrowcontrolcontainer: string;
         rightbuttoncontrol: string;
-        $_default: {
-            page_control: string;
-            icon: string;
-        };
-        $_bullets: {
-            page_control: string;
-            dotscontainer: string;
-            pagedot: string;
-        };
     };
     PAGINATION: {
         pagination: string;
@@ -1695,12 +1481,6 @@ declare type ComponentsTypesComponents = {
         pagescontainer: string;
         paginationleftarrowicon: string;
         paginationrightarrowicon: string;
-        $_default: {
-            pagination: string;
-            page: string;
-            paginationleftarrowicon: string;
-            paginationrightarrowicon: string;
-        };
     };
     POPOVER: {
         popover: string;
@@ -1711,19 +1491,6 @@ declare type ComponentsTypesComponents = {
         bar: string;
         barcontainer: string;
         progressbar: string;
-        $_medium: {
-            progress_bar: string;
-            bar: string;
-            progressbar: string;
-        };
-        $_small: {
-            progress_bar: string;
-            bar: string;
-            progressbar: string;
-        };
-        $_default: {
-            progress_bar: string;
-        };
     };
     RADIO_BUTTON: {
         radio_button: string;
@@ -1738,11 +1505,6 @@ declare type ComponentsTypesComponents = {
         rowcontainer: string;
         speciallabel: string;
         sublabel: string;
-        $_default: {
-            radio_button: string;
-            errormessage: string;
-            sublabel: string;
-        };
         tooltip: {
             arrowcontainer: string;
             arrowposition: string;
@@ -1768,42 +1530,6 @@ declare type ComponentsTypesComponents = {
         labelclosed: string;
         labelopened: string;
         listoptionscontainer: string;
-        $_default: {
-            select: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_side_menu: {
-            select: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_topbar: {
-            select: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_topbar_tab: {
-            select: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
     };
     SELECTOR_BOX_FILE: {
         selector_box_file: string;
@@ -1823,24 +1549,9 @@ declare type ComponentsTypesComponents = {
         leftanimationcontainer: string;
         rightanimationcontainer: string;
         topanimationcontainer: string;
-        $_default: {
-            selector_box_file: string;
-        };
     };
     SKELETON: {
         skeleton: string;
-        $_circle: {
-            skeleton: string;
-        };
-        $_square: {
-            skeleton: string;
-        };
-        $_alternative: {
-            skeleton: string;
-        };
-        $_default: {
-            skeleton: string;
-        };
         dynamic_values: (styles: {
             $skeletonWidth: string;
             $skeletonHeight: string;
@@ -1870,15 +1581,6 @@ declare type ComponentsTypesComponents = {
         thumbicon: string;
         tracksthumbscontainer: string;
         tracksthumbsinnercontainer: string;
-        $_primary: {
-            slider: string;
-            activetrack: string;
-            inactivetrack: string;
-            thumb: string;
-        };
-        $_test_no_thumb_exceeds_track: {
-            slider: string;
-        };
         decrement_button_size: {
             icon: string;
             button: string;
@@ -1907,26 +1609,7 @@ declare type ComponentsTypesComponents = {
         };
     };
     SNACKBAR: {
-        $_error: {
-            snackbar: string;
-            container: string;
-        };
-        $_container: {
-            snackbar: string;
-        };
         container: string;
-        $_primary: {
-            snackbar: string;
-            container: string;
-        };
-        $_success: {
-            snackbar: string;
-            container: string;
-        };
-        $_warning: {
-            snackbar: string;
-            container: string;
-        };
     };
     STEPPER_NUMBER: {
         stepper_number: string;
@@ -1938,23 +1621,6 @@ declare type ComponentsTypesComponents = {
         stepindex: string;
         stepname: string;
         stepnamecontainer: string;
-        $_horizontal: {
-            stepper_number: string;
-            stepindex: string;
-        };
-        $_default: {
-            stepper_number: string;
-            iconselected: string;
-            stepbar: string;
-            stepcircle: string;
-            stepindex: string;
-        };
-        $_vertical: {
-            stepper_number: string;
-            stepcontainer: string;
-            stepname: string;
-            stepnamecontainer: string;
-        };
     };
     TABLE: {
         table: string;
@@ -1965,33 +1631,15 @@ declare type ComponentsTypesComponents = {
         rightboxshadow: string;
         rightboxshadowcontainer: string;
         scrollablecontainer: string;
-        $_default: {
-            table: string;
-        };
     };
     TABLE_BODY: {
         table_body: string;
-        $_default: {
-            table_body: string;
-        };
     };
     TABLE_CAPTION: {
         table_caption: string;
-        $_default: {
-            table_caption: string;
-        };
     };
     TABLE_CELL: {
         table_cell: string;
-        $_body_cell_default: {
-            table_cell: string;
-        };
-        $_header_cell_default: {
-            table_cell: string;
-        };
-        $_header_cell_secondary: {
-            table_cell: string;
-        };
         dynamic_values: (styles: {
             $tdWidth: string;
             $tdHeight: string;
@@ -2012,33 +1660,15 @@ declare type ComponentsTypesComponents = {
     };
     TABLE_DIVIDER: {
         table_divider: string;
-        $_default: {
-            table_divider: string;
-        };
     };
     TABLE_FOOT: {
         table_foot: string;
-        $_default: {
-            table_foot: string;
-        };
     };
     TABLE_HEAD: {
         table_head: string;
-        $_default: {
-            table_head: string;
-        };
     };
     TABLE_ROW: {
         table_row: string;
-        $_body_row_default: {
-            table_row: string;
-        };
-        $_header_row_default: {
-            table_row: string;
-        };
-        $_header_row_secondary: {
-            table_row: string;
-        };
     };
     TABS: {
         tabs: string;
@@ -2053,39 +1683,14 @@ declare type ComponentsTypesComponents = {
         tabbutton: string;
         tabbuttonscontainer: string;
         tabcontainer: string;
-        $_default: {
-            tabs: string;
-        };
     };
     TAG: {
         tag: string;
         icon: string;
         label: string;
-        $_code: {
-            tag: string;
-            label: string;
-        };
-        $_deprecated: {
-            tag: string;
-        };
-        $_dormant: {
-            tag: string;
-        };
-        $_healthy: {
-            tag: string;
-        };
-        $_informative: {
-            tag: string;
-        };
-        $_issue: {
-            tag: string;
-        };
     };
     TEXT: {
         text: string;
-        $_default: {
-            text: string;
-        };
         $_heading_display_1_expanded: {
             text: string;
         };
@@ -2131,33 +1736,6 @@ declare type ComponentsTypesComponents = {
         $_main_heading_h4_expanded: {
             text: string;
         };
-        $_paragraph_caption_expanded: {
-            text: string;
-        };
-        $_paragraph_caption_extended: {
-            text: string;
-        };
-        $_paragraph_large_expanded: {
-            text: string;
-        };
-        $_paragraph_large_extended: {
-            text: string;
-        };
-        $_paragraph_medium_expanded: {
-            text: string;
-        };
-        $_paragraph_medium_extended: {
-            text: string;
-        };
-        $_paragraph_medium_mono: {
-            text: string;
-        };
-        $_paragraph_small_expanded: {
-            text: string;
-        };
-        $_paragraph_small_extended: {
-            text: string;
-        };
     };
     TEXT_AREA: {
         text_area: string;
@@ -2177,29 +1755,17 @@ declare type ComponentsTypesComponents = {
         textarea: string;
         title: string;
         titlecontainer: string;
-        $_default: {
-            text_area: string;
-        };
     };
     TEXT_COUNT: {
         text_count: string;
         letftext: string;
         righttext: string;
-        $_default: {
-            text_count: string;
-            letftext: string;
-            righttext: string;
-        };
     };
     TOGGLE: {
         icon: string;
         iconwrapper: string;
         thumb: string;
         track: string;
-        $_regular: {
-            toggle: string;
-            track: string;
-        };
     };
     TOOLTIP: {
         arrow: string;
@@ -2212,16 +1778,6 @@ declare type ComponentsTypesComponents = {
         tooltipasmodal: string;
         tooltipexternalcontainer: string;
         tooltipinternalcontainer: string;
-        $_default: {
-            tooltip: string;
-            arrowcontainer: string;
-            arrowposition: string;
-            arrowsize: string;
-            paragraph: string;
-            paragraphcontainer: string;
-            tooltipexternalcontainer: string;
-            tooltipinternalcontainer: string;
-        };
         popover: {
             arrow: string;
             popover: string;
@@ -2234,11 +1790,6 @@ declare type ComponentsTypesComponents = {
         digitwrapper: string;
         iconcontainer: string;
         removebutton: string;
-        $_default: {
-            virtual_keyboard: string;
-            digitbuttons: string;
-            digittext: string;
-        };
     };
 };
 
@@ -2258,706 +1809,7 @@ export declare const createSpringAnimation: (direction: "up" | "down" | "left" |
     keyframesCSS: string;
 };
 
-export declare type CssAdvancedSelectorsType = {
-    adjacent?: CssLibPropsType & {
-        $target?: string;
-    };
-} | {
-    child?: CssLibPropsType & {
-        $target?: string;
-    };
-} | {
-    descendant?: CssLibPropsType & {
-        $target?: string;
-    };
-} | {
-    near?: CssLibPropsType & {
-        $target?: string;
-    };
-} | {
-    concat?: CssLibPropsType & {
-        $target?: string;
-    };
-} | {
-    column?: CssLibPropsType & {
-        $target?: string;
-    };
-};
-
-export declare type CssDynamicValuesType = {
-    $dynamicValues?: string[];
-};
-
-export declare type CssForeignLibType = {
-    $foreign?: CssForeignType;
-};
-
-export declare type CssForeignType = {
-    [key: string]: {
-        component: object;
-        variant?: string | unknown;
-        name: string;
-    };
-};
-
-export declare type CssLibAdvancedSelectorsType = {
-    $advancedSelectors?: CssAdvancedSelectorsType[];
-};
-
-export declare type CssLibAttributesType = {
-    $attributes?: {
-        [key: string]: CssLibPropsType;
-    } | {
-        [key: string]: {
-            [key: string]: CssLibPropsType;
-        };
-    };
-};
-
-export declare type CssLibMediaQueriesType = {
-    $mediaQueries?: {
-        [key: string]: CssMediaQueriesType;
-    } | {
-        mobile?: CssLibPropsType;
-        tablet?: CssLibPropsType;
-        desktop?: CssLibPropsType;
-        large_desktop?: CssLibPropsType;
-    };
-};
-
-export declare type CssLibPropsType = CssPropsType & CssLibPseudoClassesType & CssLibPseudoElementsType & CssLibAdvancedSelectorsType & CssDynamicValuesType & CssLibAttributesType & CssLibMediaQueriesType & CssForeignLibType;
-
-export declare type CssLibPseudoClassesType = {
-    $pseudoClasses?: CssPseudoClassesType;
-};
-
-export declare type CssLibPseudoElementsType = {
-    $pseudoElements?: CssPseudoElementsType;
-};
-
-export declare type CssMediaQueriesType = CssPropsType & {
-    $type?: string;
-    $values?: {
-        [key: string]: string;
-    };
-};
-
-export declare type CssPropsType = {
-    scrollbar_width?: string;
-    scrollbar_color?: string;
-    scrollbar_gutter?: string;
-    scroll_behavior?: string;
-    scroll_margin?: string;
-    scroll_padding?: string;
-    scroll_snap_align?: string;
-    scroll_snap_stop?: string;
-    scroll_snap_type?: string;
-    webkit_scrollbar?: string;
-    scroll_container?: string;
-    scrollbar_aria_role?: string;
-    background?: string;
-    background_color?: string;
-    background_image?: string;
-    background_position?: string;
-    background_repeat?: string;
-    background_size?: string;
-    background_attachment?: string;
-    background_blend_mode?: string;
-    background_clip?: string;
-    background_origin?: string;
-    border?: string;
-    border_top?: string;
-    border_right?: string;
-    border_bottom?: string;
-    border_left?: string;
-    border_radius?: string;
-    border_width?: string;
-    border_left_width?: string;
-    border_right_width?: string;
-    border_top_width?: string;
-    border_bottom_width?: string;
-    border_color?: string;
-    border_left_color?: string;
-    border_right_color?: string;
-    border_top_color?: string;
-    border_bottom_color?: string;
-    border_top_left_radius?: string;
-    border_top_right_radius?: string;
-    border_bottom_left_radius?: string;
-    border_bottom_right_radius?: string;
-    border_style?: string;
-    border_left_style?: string;
-    border_top_style?: string;
-    border_right_style?: string;
-    border_bottom_style?: string;
-    outline?: string;
-    outline_style?: string;
-    outline_color?: string;
-    outline_width?: string;
-    outline_offset?: string;
-    display?: string;
-    opacity?: string;
-    visibility?: string;
-    overflow?: string;
-    overflow_x?: string;
-    overflow_y?: string;
-    overflow_block?: string;
-    overflow_inline?: string;
-    overflow_clip_margin?: string;
-    flex?: string;
-    flex_direction?: string;
-    flex_wrap?: string;
-    flex_flow?: string;
-    flex_grow?: string;
-    flex_shrink?: string;
-    flex_basis?: string;
-    justify_content?: string;
-    justify_items?: string;
-    align_items?: string;
-    align_self?: string;
-    align_content?: string;
-    order?: string;
-    gap?: string;
-    row_gap?: string;
-    column_gap?: string;
-    grid?: string;
-    grid_area?: string;
-    grid_template?: string;
-    grid_template_areas?: string;
-    grid_template_rows?: string;
-    grid_template_columns?: string;
-    grid_row?: string;
-    grid_row_start?: string;
-    grid_row_end?: string;
-    grid_column?: string;
-    grid_column_start?: string;
-    grid_column_end?: string;
-    grid_gap?: string;
-    grid_row_gap?: string;
-    grid_column_gap?: string;
-    grid_auto_flow?: string;
-    grid_auto_rows?: string;
-    grid_auto_columns?: string;
-    margin?: string;
-    margin_left?: string;
-    margin_right?: string;
-    margin_top?: string;
-    margin_bottom?: string;
-    padding?: string;
-    padding_left?: string;
-    padding_right?: string;
-    padding_top?: string;
-    padding_bottom?: string;
-    box_sizing?: string;
-    box_shadow?: string;
-    width?: string;
-    min_width?: string;
-    max_width?: string;
-    height?: string;
-    min_height?: string;
-    max_height?: string;
-    position?: string;
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-    z_index?: string;
-    float?: string;
-    clear?: string;
-    transform?: string;
-    transform_origin?: string;
-    transform_style?: string;
-    translate?: string;
-    font?: string;
-    font_family?: string;
-    font_size?: string;
-    font_weight?: string;
-    font_style?: string;
-    font_variant?: string;
-    font_stretch?: string;
-    font_size_adjust?: string;
-    font_synthesis?: string;
-    font_feature_settings?: string;
-    font_kerning?: string;
-    font_language_override?: string;
-    font_optical_sizing?: string;
-    font_variant_alternates?: string;
-    font_variant_caps?: string;
-    font_variant_east_asian?: string;
-    font_variant_ligatures?: string;
-    font_variant_numeric?: string;
-    font_variant_position?: string;
-    line_height?: string;
-    letter_spacing?: string;
-    text_align?: string;
-    text_decoration?: string;
-    text_transform?: string;
-    white_space?: string;
-    word_break?: string;
-    word_wrap?: string;
-    text_overflow?: string;
-    text_shadow?: string;
-    text_indent?: string;
-    text_justify?: string;
-    text_orientation?: string;
-    text_rendering?: string;
-    text_size_adjust?: string;
-    text_combine_upright?: string;
-    text_emphasis?: string;
-    text_emphasis_color?: string;
-    text_emphasis_position?: string;
-    text_emphasis_style?: string;
-    text_decoration_color?: string;
-    text_decoration_line?: string;
-    text_decoration_skip?: string;
-    text_decoration_skip_ink?: string;
-    text_decoration_style?: string;
-    text_underline_position?: string;
-    list_style?: string;
-    list_style_type?: string;
-    list_style_position?: string;
-    list_style_image?: string;
-    color?: string;
-    accent_color?: string;
-    cursor?: string;
-    pointer_events?: string;
-    vertical_align?: string;
-    inset?: string;
-    inset_block?: string;
-    inset_block_start?: string;
-    inset_block_end?: string;
-    inset_inline?: string;
-    inset_inline_start?: string;
-    inset_inline_end?: string;
-    transition?: string;
-    transition_property?: string;
-    transition_duration?: string;
-    transition_timing_function?: string;
-    transition_delay?: string;
-    animation?: string;
-    animation_name?: string;
-    animation_duration?: string;
-    animation_timing_function?: string;
-    animation_delay?: string;
-    animation_iteration_count?: string;
-    animation_direction?: string;
-    animation_fill_mode?: string;
-    animation_play_state?: string;
-    animation_timeline?: string;
-    appearance?: string;
-    user_select?: string;
-    aspect_ratio?: string;
-    resize?: string;
-    caret?: string;
-    caret_animation?: string;
-    caret_shape?: string;
-    caret_color?: string;
-    backdrop_filter?: string;
-    backface_visibility?: string;
-    block_size?: string;
-    writing_mode?: string;
-    break_before?: string;
-    break_after?: string;
-    break_inside?: string;
-    clip?: string;
-    clip_path?: string;
-    clip_rule?: string;
-    filter?: string;
-    float_offset?: string;
-    float_defer?: string;
-    hyphens?: string;
-    image_rendering?: string;
-    image_orientation?: string;
-    image_resolution?: string;
-    isolation?: string;
-    mix_blend_mode?: string;
-    object_fit?: string;
-    object_position?: string;
-    overscroll_behavior?: string;
-    overscroll_behavior_x?: string;
-    overscroll_behavior_y?: string;
-    perspective?: string;
-    perspective_origin?: string;
-    scroll_snap_margin?: string;
-    caption_side?: string;
-    empty_cells?: string;
-    fill?: string;
-    fill_rule?: string;
-    flood_color?: string;
-    flood_opacity?: string;
-    lighting_color?: string;
-    marker_end?: string;
-    marker_mid?: string;
-    marker_start?: string;
-    shape_rendering?: string;
-    stop_color?: string;
-    stop_opacity?: string;
-    stroke?: string;
-    stroke_dasharray?: string;
-    stroke_dashoffset?: string;
-    stroke_linecap?: string;
-    stroke_linejoin?: string;
-    stroke_miterlimit?: string;
-    stroke_opacity?: string;
-    mask?: string;
-    mask_type?: string;
-    mask_image?: string;
-    mask_mode?: string;
-    mask_repeat?: string;
-    mask_position?: string;
-    mask_clip?: string;
-    mask_origin?: string;
-    mask_size?: string;
-    mask_composite?: string;
-    mask_border?: string;
-    mask_border_source?: string;
-    mask_border_mode?: string;
-    mask_border_slice?: string;
-    mask_border_width?: string;
-    mask_border_outset?: string;
-    mask_border_repeat?: string;
-    $content?: string;
-};
-
-export declare type CssPseudoClassesType = {
-    fullscreen?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    modal?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    picture_in_picture?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    autofill?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    enabled?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    disabled?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    read_only?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    read_write?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    placeholder_shown?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    default?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    checked?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    indeterminate?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    blank?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    valid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    invalid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    in_range?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    out_of_range?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    required?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    optional?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    user_valid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    user_invalid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    dir?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    lang?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    any_link?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    link?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    visited?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    local_link?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    target?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    target_within?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    scope?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    playing?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    paused?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    current?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    past?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    future?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    root?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    empty?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_child?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_last_child?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    first_child?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    last_child?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    only_child?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_of_type?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_last_of_type?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    first_of_type?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    last_of_type?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    only_of_type?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    active?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    focus?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    focus_visible?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    focus_within?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    hover?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    is?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    not?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    where?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    has?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_col?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    nth_last_col?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    host?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    host_context?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    defined?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_any?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_any_link?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_focusring?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_full_screen?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_full_screen_ancestor?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_full_screen_document?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_full_screen_element?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_full_screen_root?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_placeholder?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_read_only?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_read_write?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_submit_invalid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_ui_invalid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    moz_ui_valid?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_any?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_any_link?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_autofill?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_current?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_full_screen?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_full_screen_ancestor?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_full_screen_document?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_full_screen_element?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_full_screen_root?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_input_placeholder?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_read_only?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_read_write?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_scrollbar?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_scrollbar_button?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_scrollbar_thumb?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_scrollbar_track?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_scrollbar_track_piece?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_search_cancel_button?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-    webkit_search_results_button?: CssPseudoClassesType | CssPseudoElementsType | (CssLibPropsType & {
-        $target?: string;
-    });
-};
-
-export declare type CssPseudoElementsType = {
-    before?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    after?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    first_letter?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    first_line?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    selection?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    backdrop?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    placeholder?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    marker?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    spelling_error?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    grammar_error?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    cue?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    cue_region?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    part?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    slotted?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    file_selector_button?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    target_text?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    highlight?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_color_swatch?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_focus_inner?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_list_bullet?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_list_number?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_meter_bar?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_progress_bar?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_range_progress?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_range_thumb?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    moz_range_track?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_inner_spin_button?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_meter_even_less_good_value?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_meter_inner_element?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_meter_optimum_value?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_meter_suboptimum_value?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_progress_bar?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_progress_inner_element?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_progress_value?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_scrollbar?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_scrollbar_button?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_scrollbar_thumb?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_scrollbar_track?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_scrollbar_track_piece?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_search_cancel_button?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_search_results_button?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_slider_runnable_track?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_slider_thumb?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_resizer?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    webkit_input_placeholder?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    placeholder_shown?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    autofill?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    progress_value?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    progress_bar?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    meter_optimum?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    meter_suboptimum?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-    meter_sub_suboptimum?: CssPseudoElementsType | CssPseudoClassesType | CssLibPropsType;
-};
+export declare type CssLibPropsType = CssGeneratorType<''>;
 
 export declare type DataAttributes = {
     [key in `data-${string}`]?: string;