@k8slens/element-components 3.3.1

package/dist/src/elements.d.ts

@@ -0,0 +1,3379 @@
+import type React from "react";
+export declare const sharedPlugins: (import("@k8slens/element-component").Plugin<import("..").DroppablePluginProps, unknown> | import("@k8slens/element-component").Plugin<import("./plugins/on-outside-click/on-outside-click").OnOutsideClickPluginProps, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $visuallyHidden?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $boxShadow?: boolean | "elevated" | "subtle";
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $noPointerEvents?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $relative?: boolean;
+    $fixed?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $area?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly children?: React.ReactNode;
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $textAlign?: "left" | "center" | "right";
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $areaContent?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $grid?: import("./plugins/grid/grid").GridProps;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $gradient?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $grayscale?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $faded?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $transition?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $hidden?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $invisibleBackdrop?: boolean;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $displayContents?: boolean;
+}, unknown>)[];
+export declare const getSharedTypedPlugins: <T extends HTMLElement>() => (import("@k8slens/element-component").Plugin<{
+    $ref?: import("./plugins/ref/ref").$RefProp<T>;
+    ref?: import("./plugins/ref/ref").RefLike<T>;
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<T> | undefined;
+    onMouseLeave?: React.MouseEventHandler<T> | undefined;
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $ref?: import("./plugins/ref/ref").$RefProp<T>;
+    ref?: import("./plugins/ref/ref").RefLike<T>;
+    readonly children?: React.ReactNode;
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $ref?: import("./plugins/ref/ref").$RefProp<T>;
+    ref?: import("./plugins/ref/ref").RefLike<T>;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+}, unknown> | import("@k8slens/element-component").Plugin<{
+    $ref?: import("./plugins/ref/ref").$RefProp<T>;
+    ref?: import("./plugins/ref/ref").RefLike<T>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<T> | undefined;
+    onBlur?: React.FocusEventHandler<T> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<T> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+}, unknown>)[];
+export declare const Div: import("@k8slens/element-component").ElementComponent<"div", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLDivElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLDivElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type DivProps = React.ComponentProps<typeof Div>;
+export declare const Common: import("@k8slens/element-component").ElementComponent<"div", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<any>;
+    ref?: import("./plugins/ref/ref").RefLike<any>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<any> | undefined;
+    onBlur?: React.FocusEventHandler<any> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<any> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<any> | undefined;
+    onMouseLeave?: React.MouseEventHandler<any> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type CommonProps = React.ComponentProps<typeof Common>;
+export declare const Svg: import("@k8slens/element-component").ElementComponent<"svg", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type SvgProps = React.ComponentProps<typeof Svg>;
+export declare const Input: import("@k8slens/element-component").ElementComponent<"input", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLInputElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLInputElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type InputProps = React.ComponentProps<typeof Input>;
+export declare const TextArea: import("@k8slens/element-component").ElementComponent<"textarea", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTextAreaElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTextAreaElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type TextAreaProps = React.ComponentProps<typeof TextArea>;
+export declare const Form: import("@k8slens/element-component").ElementComponent<"form", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLFormElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLFormElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type FormProps = React.ComponentProps<typeof Form>;
+export declare const Span: import("@k8slens/element-component").ElementComponent<"span", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLSpanElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLSpanElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type SpanProps = React.ComponentProps<typeof Span>;
+export declare const ClickableDiv: import("@k8slens/element-component").ElementComponent<"div", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    $onClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onOnlyMouseClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onDoubleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onRightClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onMiddleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    children?: React.ReactNode;
+    readonly tabIndex?: number;
+    readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLDivElement>[] | React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLDivElement>)) | undefined;
+    ref?: ((React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLDivElement>)) | undefined;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $popover?: () => React.ReactNode;
+    $invisibleBackdrop?: boolean;
+}>;
+export type ClickableDivProps = React.ComponentProps<typeof ClickableDiv>;
+export declare const I: import("@k8slens/element-component").ElementComponent<"i", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type IProps = React.ComponentProps<typeof I>;
+export declare const A: import("@k8slens/element-component").ElementComponent<"a", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLAnchorElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLAnchorElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type AProps = React.ComponentProps<typeof A>;
+export declare const Button: import("@k8slens/element-component").ElementComponent<"button", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    $onClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onOnlyMouseClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onDoubleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onRightClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onMiddleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    children?: React.ReactNode;
+    readonly tabIndex?: number;
+    readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLButtonElement>[] | React.MutableRefObject<HTMLButtonElement | null> | ((instance: HTMLButtonElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLButtonElement>)) | undefined;
+    ref?: ((React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (React.MutableRefObject<HTMLButtonElement | null> | ((instance: HTMLButtonElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLButtonElement>)) | undefined;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $popover?: () => React.ReactNode;
+    $invisibleBackdrop?: boolean;
+}>;
+export type ButtonProps = React.ComponentProps<typeof Button>;
+export declare const Code: import("@k8slens/element-component").ElementComponent<"code", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type CodeProps = React.ComponentProps<typeof Code>;
+export declare const Label: import("@k8slens/element-component").ElementComponent<"label", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type LabelProps = React.ComponentProps<typeof Label>;
+export declare const Pre: import("@k8slens/element-component").ElementComponent<"pre", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLPreElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLPreElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLPreElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLPreElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLPreElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLPreElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLPreElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type PreProps = React.ComponentProps<typeof Pre>;
+export declare const Nav: import("@k8slens/element-component").ElementComponent<"nav", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type NavProps = React.ComponentProps<typeof Nav>;
+export declare const H1: import("@k8slens/element-component").ElementComponent<"h1", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H1Props = React.ComponentProps<typeof H1>;
+export declare const H2: import("@k8slens/element-component").ElementComponent<"h2", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H2Props = React.ComponentProps<typeof H2>;
+export declare const H3: import("@k8slens/element-component").ElementComponent<"h3", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H3Props = React.ComponentProps<typeof H3>;
+export declare const H4: import("@k8slens/element-component").ElementComponent<"h4", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H4Props = React.ComponentProps<typeof H4>;
+export declare const H5: import("@k8slens/element-component").ElementComponent<"h5", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H5Props = React.ComponentProps<typeof H5>;
+export declare const H6: import("@k8slens/element-component").ElementComponent<"h6", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLHeadingElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLHeadingElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type H6Props = React.ComponentProps<typeof H6>;
+export declare const Ol: import("@k8slens/element-component").ElementComponent<"ol", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLOListElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLOListElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLOListElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLOListElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLOListElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLOListElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLOListElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type OlProps = React.ComponentProps<typeof Ol>;
+export declare const Ul: import("@k8slens/element-component").ElementComponent<"ul", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLUListElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLUListElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLUListElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLUListElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLUListElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLUListElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type UlProps = React.ComponentProps<typeof Ul>;
+export declare const Li: import("@k8slens/element-component").ElementComponent<"li", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLLIElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLLIElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export declare const ClickableLi: import("@k8slens/element-component").ElementComponent<"li", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $enabled?: boolean;
+    $disabled?: boolean;
+    disabled?: undefined;
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    $onClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onOnlyMouseClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onDoubleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onRightClick?: import("./plugins/clickable/clickable").ClickHandler;
+    $onMiddleClick?: import("./plugins/clickable/clickable").ClickHandler;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    children?: React.ReactNode;
+    readonly tabIndex?: number;
+    readonly $dropDownMenu?: import("@k8slens/drop-down-menu-contracts").DropDownMenuSpec;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: ((import("./plugins/ref/ref").$RefProp<any>[] | React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (import("./plugins/ref/ref").$RefProp<HTMLLIElement>[] | React.MutableRefObject<HTMLLIElement | null> | ((instance: HTMLLIElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLLIElement>)) | undefined;
+    ref?: ((React.MutableRefObject<any> | ((instance: any) => undefined | void | (() => any)) | React.RefObject<any>) & (React.MutableRefObject<HTMLLIElement | null> | ((instance: HTMLLIElement | null) => undefined | void | (() => any)) | React.RefObject<HTMLLIElement>)) | undefined;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLLIElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $popover?: () => React.ReactNode;
+    $invisibleBackdrop?: boolean;
+}>;
+export type ClickableLiProps = React.ComponentProps<typeof ClickableLi>;
+export type LiProps = React.ComponentProps<typeof Li>;
+export declare const P: import("@k8slens/element-component").ElementComponent<"p", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLParagraphElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLParagraphElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type PProps = React.ComponentProps<typeof P>;
+export declare const Th: import("@k8slens/element-component").ElementComponent<"th", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTableCellElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTableCellElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableCellElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTableCellElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableCellElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type ThProps = React.ComponentProps<typeof Th>;
+export declare const Td: import("@k8slens/element-component").ElementComponent<"td", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTableCellElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTableCellElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableCellElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTableCellElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableCellElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type TdProps = React.ComponentProps<typeof Td>;
+export declare const Tr: import("@k8slens/element-component").ElementComponent<"tr", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTableRowElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTableRowElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableRowElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTableRowElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTableRowElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type TrProps = React.ComponentProps<typeof Tr>;
+export declare const Table: import("@k8slens/element-component").ElementComponent<"table", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTableElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTableElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTableElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTableElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type TableProps = React.ComponentProps<typeof Table>;
+export declare const TBody: import("@k8slens/element-component").ElementComponent<"tbody", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLTableSectionElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLTableSectionElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableSectionElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLTableSectionElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLTableSectionElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type TBodyProps = React.ComponentProps<typeof TBody>;
+export declare const Dialog: import("@k8slens/element-component").ElementComponent<"dialog", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLDialogElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLDialogElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDialogElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDialogElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDialogElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDialogElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDialogElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type DialogProps = React.ComponentProps<typeof Dialog>;
+export declare const Canvas: import("@k8slens/element-component").ElementComponent<"canvas", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLCanvasElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLCanvasElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLCanvasElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLCanvasElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLCanvasElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLCanvasElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLCanvasElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type CanvasProps = React.ComponentProps<typeof Canvas>;
+export declare const Img: import("@k8slens/element-component").ElementComponent<"img", {
+    $className?: import("@k8slens/public-utilities").IClassName;
+    className?: string;
+    $block?: boolean | "inline";
+    $cursor?: import("./plugins/cursor/cursor").$CursorProps;
+    readonly $color?: import("./plugins/color/color").TextColor | import("./plugins/color/color").$ColorProps;
+    $backgroundColor?: import("./plugins/background-color/background-color").BackgroundColor | import("./plugins/background-color/background-color").$BackgroundColorProps;
+    $border?: import("./plugins/border/border").$BorderProps;
+    $padding?: boolean | import("./plugins/padding/padding").DirectionalPadding | import("..").TShirtSize;
+    $margin?: boolean | import("./plugins/margin/margin").DirectionalMargin | import("..").TShirtSize | "auto";
+    $overflow?: import("./plugins/overflow/overflow").Overflow | {
+        x?: import("./plugins/overflow/overflow").Overflow;
+        y?: import("./plugins/overflow/overflow").Overflow;
+        hideScrollbar?: boolean;
+    };
+    readonly $anchor?: boolean;
+    readonly $anchoredAt?: import("./plugins/anchor/anchor").AnchoredAt;
+    readonly children?: React.ReactNode;
+    readonly $onOutsideClick?: (event: PointerEvent) => void;
+    $textAlign?: "left" | "center" | "right";
+    $ref?: import("./plugins/ref/ref").$RefProp<HTMLImageElement>;
+    ref?: import("./plugins/ref/ref").RefLike<HTMLImageElement>;
+    $focusable?: {
+        context: import("..").AnyFocusableContext<any>;
+        item: any;
+        orderNumber?: number;
+    } | undefined;
+    onFocus?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    tabIndex?: HTMLElement["tabIndex"];
+    $grayscale?: boolean;
+    $style?: React.CSSProperties;
+    style?: React.CSSProperties;
+    $tint?: string;
+    $faded?: boolean;
+    $outline?: {
+        focusVisible?: import("./plugins/outline/outline").$OutlineProps;
+    };
+    readonly $floating?: import("./plugins/floating/floating").$FloatingProps;
+    $boxShadow?: boolean | "elevated" | "subtle";
+    readonly $hoverable?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable").$HoverableProps>;
+    onMouseEnter?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    $hoverableByDragging?: import("@k8slens/public-utilities").SingleOrMany<import("./plugins/hoverable/hoverable-by-dragging").$HoverableByDraggingProps<any>> | undefined;
+    $absolute?: import("./plugins/absolute/absolute").AbsolutePosition | boolean;
+    $hidden?: boolean;
+    $noPointerEvents?: boolean;
+    $offset?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $offsetChildren?: {
+        direction: import("..").Direction;
+        size: import("..").TShirtSize;
+    };
+    $relative?: boolean;
+    $fixed?: boolean;
+    $transition?: boolean;
+    $visuallyHidden?: boolean;
+    $displayContents?: boolean;
+    $draggable?: {
+        context: import("..").DraggableContext<any>;
+        item: any;
+    } | undefined;
+    $droppable?: {
+        context: import("..").DraggableContext<any>;
+        onDrop: (item: any) => void;
+    } | undefined;
+    $font?: boolean | {
+        size?: import("./plugins/font/font").FontSize;
+        italic?: boolean;
+        bold?: boolean | import("./plugins/font/font").FontBold;
+        lineHeight?: import("./plugins/font/font").FontLineHeight;
+        forceWrap?: boolean;
+        noWrap?: boolean;
+        uppercase?: boolean;
+        underline?: boolean;
+        textOverflow?: "clip" | "ellipsis" | "default";
+    };
+    $tooltip?: string | import("./plugins/tooltip/tooltip").$TooltipProps<any> | null;
+    $width?: import("..").TShirtSize | "full" | "stretch" | import("./plugins/width/width").$WidthProps;
+    $height?: import("..").TShirtSize | "full" | "auto" | "stretch" | import("./plugins/height/height").$HeightProps;
+    $size?: import("..").TShirtSize | "full" | import("./plugins/size/size").$SizeProps;
+    $grid?: import("./plugins/grid/grid").GridProps;
+    $flex?: import("./plugins/flex/flex").SimpleFlexProp | import("./plugins/flex/flex").MaximalFlexProps;
+    $gradient?: boolean;
+    $flexChild?: boolean | number | "shrinkable" | "fixed";
+    $area?: boolean;
+    $areaContent?: boolean;
+    $invisibleBackdrop?: boolean;
+}>;
+export type ImgProps = React.ComponentProps<typeof Img>;
+//# sourceMappingURL=elements.d.ts.map