@uzum-tech/ui 0.1.2 → 1.0.0

package/es/list/src/List.d.ts

@@ -1,79 +1,68 @@
-import type { PropType, Ref } from 'vue';
-import { type ExtractPublicPropTypes } from '../../_utils';
-export declare const listProps: {
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
-    bordered: BooleanConstructor;
-    clickable: BooleanConstructor;
-    hoverable: BooleanConstructor;
-    showDivider: {
+declare const _default: import("vue").DefineComponent<{
+    showIcon: {
         type: BooleanConstructor;
         default: boolean;
     };
-    theme: PropType<import("../../_mixins").Theme<"List", {
-        textColor: string;
-        color: string;
-        colorHover: string;
-        colorModal: string;
-        colorHoverModal: string;
-        colorPopover: string;
-        colorHoverPopover: string;
-        borderColor: string;
-        borderColorModal: string;
-        borderColorPopover: string;
-        borderRadius: string;
-        fontSize: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
-        textColor: string;
-        color: string;
-        colorHover: string;
-        colorModal: string;
-        colorHoverModal: string;
-        colorPopover: string;
-        colorHoverPopover: string;
-        borderColor: string;
-        borderColorModal: string;
-        borderColorPopover: string;
-        borderRadius: string;
-        fontSize: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
-        textColor: string;
-        color: string;
-        colorHover: string;
-        colorModal: string;
-        colorHoverModal: string;
-        colorPopover: string;
-        colorHoverPopover: string;
-        borderColor: string;
-        borderColorModal: string;
-        borderColorPopover: string;
-        borderRadius: string;
-        fontSize: string;
-    }, any>>>;
-};
-export type ListProps = ExtractPublicPropTypes<typeof listProps>;
-interface ListInjection {
-    showDividerRef: Ref<boolean>;
-    mergedClsPrefixRef: Ref<string>;
-}
-export declare const listInjectionKey: import("vue").InjectionKey<ListInjection>;
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: PropType<"small" | "medium" | "large">;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemTag: {
+        type: StringConstructor;
         default: string;
     };
     bordered: BooleanConstructor;
     clickable: BooleanConstructor;
-    hoverable: BooleanConstructor;
-    showDivider: {
-        type: BooleanConstructor;
-        default: boolean;
+    showDivider: BooleanConstructor;
+    onClick: {
+        type: import("vue").PropType<import("../../_utils").ArrayMouseHandler | undefined>;
+        default: undefined;
+    };
+    onKeypress: {
+        type: import("vue").PropType<import("../../_utils").ArrayKeyboardHandler | undefined>;
+        default: undefined;
+    };
+    onPress: {
+        type: import("vue").PropType<import("../../_utils").ArrayEmptyHandler | undefined>;
+        default: undefined;
+    };
+    onBlur: {
+        type: import("vue").PropType<import("../../_utils").ArrayFocusHandler | undefined>;
+        default: undefined;
     };
-    theme: PropType<import("../../_mixins").Theme<"List", {
+    onFocus: {
+        type: import("vue").PropType<import("../../_utils").ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    descriptionFirst: import("./interface").BooleanProp;
+    columnsEven: import("./interface").BooleanProp;
+    hoverable: import("./interface").BooleanProp;
+    rounded: import("./interface").BooleanProp;
+    disabled: import("./interface").BooleanProp;
+    loading: import("./interface").BooleanProp;
+    loadingSkeleton: import("./interface").BooleanProp;
+    header: import("./interface").RenderableProp;
+    description: import("./interface").RenderableProp;
+    headerSide: import("./interface").RenderableProp;
+    descriptionSide: import("./interface").RenderableProp;
+    icon: import("./interface").RenderableProp;
+    avatar: import("./interface").RenderableProp;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -87,7 +76,22 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         fontSize: string;
     }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -101,7 +105,22 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         fontSize: string;
     }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -116,8 +135,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: Ref<string>;
-    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    mergedClsPrefix: import("vue").Ref<string>;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--u-font-size': string;
         '--u-bezier': string;
@@ -132,22 +151,89 @@ declare const _default: import("vue").DefineComponent<{
         '--u-color-hover': string;
         '--u-color-hover-modal': string;
         '--u-color-hover-popover': string;
+        '--u-padding': string;
+        '--u-icon-size': string;
+        '--u-icon-space': string;
+        '--u-suffix-space': string;
+        '--u-prefix-space': string;
+        '--u-title-size': string;
+        '--u-title-line-height': string;
+        '--u-subtitle-size': string;
+        '--u-subtitle-line-height': string;
+        '--u-subtitle-color': string;
+        '--u-avatar-space': string;
+        '--u-min-height': string;
+        '--u-color-focus': string;
+        '--u-pressed-scale': string;
+        '--u-text-color-disabled': string;
     }> | undefined;
-    themeClass: Ref<string> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: PropType<"small" | "medium" | "large">;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemTag: {
+        type: StringConstructor;
         default: string;
     };
     bordered: BooleanConstructor;
     clickable: BooleanConstructor;
-    hoverable: BooleanConstructor;
-    showDivider: {
-        type: BooleanConstructor;
-        default: boolean;
+    showDivider: BooleanConstructor;
+    onClick: {
+        type: import("vue").PropType<import("../../_utils").ArrayMouseHandler | undefined>;
+        default: undefined;
+    };
+    onKeypress: {
+        type: import("vue").PropType<import("../../_utils").ArrayKeyboardHandler | undefined>;
+        default: undefined;
+    };
+    onPress: {
+        type: import("vue").PropType<import("../../_utils").ArrayEmptyHandler | undefined>;
+        default: undefined;
+    };
+    onBlur: {
+        type: import("vue").PropType<import("../../_utils").ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    onFocus: {
+        type: import("vue").PropType<import("../../_utils").ArrayFocusHandler | undefined>;
+        default: undefined;
     };
-    theme: PropType<import("../../_mixins").Theme<"List", {
+    descriptionFirst: import("./interface").BooleanProp;
+    columnsEven: import("./interface").BooleanProp;
+    hoverable: import("./interface").BooleanProp;
+    rounded: import("./interface").BooleanProp;
+    disabled: import("./interface").BooleanProp;
+    loading: import("./interface").BooleanProp;
+    loadingSkeleton: import("./interface").BooleanProp;
+    header: import("./interface").RenderableProp;
+    description: import("./interface").RenderableProp;
+    headerSide: import("./interface").RenderableProp;
+    descriptionSide: import("./interface").RenderableProp;
+    icon: import("./interface").RenderableProp;
+    avatar: import("./interface").RenderableProp;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -161,7 +247,22 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         fontSize: string;
     }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -175,7 +276,22 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         fontSize: string;
     }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+        padding: string;
+        iconSize: string;
+        iconSpace: string;
+        suffixSpace: string;
+        prefixSpace: string;
+        titleSize: string;
+        titleLineHeight: string;
+        subtitleSize: string;
+        subtitleLineHeight: string;
+        subtitleColor: string;
+        avatarSpace: string;
+        minHeight: string;
+        colorFocus: string;
+        pressedScale: string;
+        textColorDisabled: string;
         textColor: string;
         color: string;
         colorHover: string;
@@ -190,10 +306,29 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
 }>>, {
-    size: "small" | "medium" | "large";
+    tag: string;
+    description: import("./interface").RenderableType;
+    icon: import("./interface").RenderableType;
+    disabled: boolean;
+    onFocus: import("../../_utils").ArrayFocusHandler | undefined;
+    onBlur: import("../../_utils").ArrayFocusHandler | undefined;
+    onKeypress: import("../../_utils").ArrayKeyboardHandler | undefined;
+    onClick: import("../../_utils").ArrayMouseHandler | undefined;
+    header: import("./interface").RenderableType;
+    loading: boolean;
     bordered: boolean;
+    showIcon: boolean;
+    avatar: import("./interface").RenderableType;
+    loadingSkeleton: boolean;
+    rounded: boolean;
     clickable: boolean;
     hoverable: boolean;
+    descriptionFirst: boolean;
+    columnsEven: boolean;
+    headerSide: import("./interface").RenderableType;
+    descriptionSide: import("./interface").RenderableType;
+    onPress: import("../../_utils").ArrayEmptyHandler | undefined;
+    itemTag: string;
     showDivider: boolean;
 }, {}>;
 export default _default;

package/es/list/src/List.js

@@ -1,16 +1,8 @@
 import { computed, defineComponent, h, provide, toRef } from 'vue';
 import { useConfig, useTheme, useThemeClass, useRtl } from '../../_mixins';
-import { createInjectionKey } from '../../_utils';
 import { listLight } from '../styles';
 import style from './styles/index.cssr';
-export const listProps = Object.assign(Object.assign({}, useTheme.props), { size: {
-        type: String,
-        default: 'medium'
-    }, bordered: Boolean, clickable: Boolean, hoverable: Boolean, showDivider: {
-        type: Boolean,
-        default: true
-    } });
-export const listInjectionKey = createInjectionKey('u-list');
+import { listProps, listInjectionKey, listItemPropsBoolean, listItemPropsRenderable } from './props';
 export default defineComponent({
     name: 'List',
     props: listProps,
@@ -18,12 +10,17 @@ export default defineComponent({
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
         const rtlEnabledRef = useRtl('List', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = useTheme('List', '-list', style, listLight, props, mergedClsPrefixRef);
-        provide(listInjectionKey, {
-            showDividerRef: toRef(props, 'showDivider'),
-            mergedClsPrefixRef
-        });
+        const booleanInjectedRefs = listItemPropsBoolean.reduce((acc, item) => {
+            acc[item] = toRef(props, item);
+            return acc;
+        }, {});
+        const renderableInjectedRefs = listItemPropsRenderable.reduce((acc, item) => {
+            acc[item] = toRef(props, item);
+            return acc;
+        }, {});
+        provide(listInjectionKey, Object.assign(Object.assign(Object.assign({}, booleanInjectedRefs), renderableInjectedRefs), { tag: toRef(props, 'itemTag'), mergedClsPrefix: mergedClsPrefixRef, onClick: toRef(props, 'onClick'), onKeypress: toRef(props, 'onKeypress'), onPress: toRef(props, 'onPress'), onBlur: toRef(props, 'onBlur'), onFocus: toRef(props, 'onFocus'), bordered: toRef(props, 'bordered'), clickable: toRef(props, 'clickable'), showDivider: toRef(props, 'showDivider') }));
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius, colorHover, colorHoverModal, colorHoverPopover } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius, colorHover, colorHoverModal, colorHoverPopover, padding, iconSize, iconSpace, suffixSpace, prefixSpace, titleSize, titleLineHeight, subtitleSize, subtitleLineHeight, subtitleColor, avatarSpace, minHeight, colorFocus, pressedScale, textColorDisabled } } = themeRef.value;
             return {
                 '--u-font-size': fontSize,
                 '--u-bezier': cubicBezierEaseInOut,
@@ -37,7 +34,22 @@ export default defineComponent({
                 '--u-color-popover': colorPopover,
                 '--u-color-hover': colorHover,
                 '--u-color-hover-modal': colorHoverModal,
-                '--u-color-hover-popover': colorHoverPopover
+                '--u-color-hover-popover': colorHoverPopover,
+                '--u-padding': padding,
+                '--u-icon-size': iconSize,
+                '--u-icon-space': iconSpace,
+                '--u-suffix-space': suffixSpace,
+                '--u-prefix-space': prefixSpace,
+                '--u-title-size': titleSize,
+                '--u-title-line-height': titleLineHeight,
+                '--u-subtitle-size': subtitleSize,
+                '--u-subtitle-line-height': subtitleLineHeight,
+                '--u-subtitle-color': subtitleColor,
+                '--u-avatar-space': avatarSpace,
+                '--u-min-height': minHeight,
+                '--u-color-focus': colorFocus,
+                '--u-pressed-scale': pressedScale,
+                '--u-text-color-disabled': textColorDisabled
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -55,17 +67,20 @@ export default defineComponent({
         var _a;
         const { $slots, mergedClsPrefix, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
-        return (h("ul", { class: [
+        return h(this.tag, {
+            class: [
                 `${mergedClsPrefix}-list`,
                 this.rtlEnabled && `${mergedClsPrefix}-list--rtl`,
                 this.bordered && `${mergedClsPrefix}-list--bordered`,
-                this.showDivider && `${mergedClsPrefix}-list--show-divider`,
-                this.hoverable && `${mergedClsPrefix}-list--hoverable`,
                 this.clickable && `${mergedClsPrefix}-list--clickable`,
+                this.showDivider && `${mergedClsPrefix}-list--show-divider`,
                 this.themeClass
-            ], style: this.cssVars },
-            $slots.header ? (h("div", { class: `${mergedClsPrefix}-list__header` }, $slots.header())) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 :
-            _a.call($slots),
-            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-list__footer` }, $slots.footer())) : null));
+            ],
+            style: this.cssVars
+        }, [
+            $slots.header ? (h("div", { class: `${mergedClsPrefix}-list__header` }, $slots.header())) : null,
+            (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots),
+            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-list__footer` }, $slots.footer())) : null
+        ]);
     }
 });

package/es/list/src/ListItem.d.ts

@@ -1,5 +1,124 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    showDivider: import("vue").Ref<boolean>;
+import { ComputedRef, Slot } from 'vue';
+import { ArrayEmptyHandler, ArrayKeyboardHandler, ArrayMouseHandler, KeyboardEventHandler, ArrayFocusHandler, MouseEventHandler } from '../../_utils';
+import { ListItemPropsRenderable, RenderableType } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: import("vue").PropType<ArrayMouseHandler | undefined>;
+        default: undefined;
+    };
+    onKeypress: {
+        type: import("vue").PropType<ArrayKeyboardHandler | undefined>;
+        default: undefined;
+    };
+    onPress: {
+        type: import("vue").PropType<ArrayEmptyHandler | undefined>;
+        default: undefined;
+    };
+    onBlur: {
+        type: import("vue").PropType<ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    onFocus: {
+        type: import("vue").PropType<ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    showIcon: import("./interface").BooleanProp;
+    descriptionFirst: import("./interface").BooleanProp;
+    columnsEven: import("./interface").BooleanProp;
+    hoverable: import("./interface").BooleanProp;
+    rounded: import("./interface").BooleanProp;
+    disabled: import("./interface").BooleanProp;
+    loading: import("./interface").BooleanProp;
+    loadingSkeleton: import("./interface").BooleanProp;
+    header: import("./interface").RenderableProp;
+    description: import("./interface").RenderableProp;
+    headerSide: import("./interface").RenderableProp;
+    descriptionSide: import("./interface").RenderableProp;
+    icon: import("./interface").RenderableProp;
+    avatar: import("./interface").RenderableProp;
+}, {
     mergedClsPrefix: import("vue").Ref<string>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    mergedShowIcon: ComputedRef<boolean | undefined>;
+    mergedDescriptionFirst: ComputedRef<boolean | undefined>;
+    mergedColumnsEven: ComputedRef<boolean | undefined>;
+    mergedRounded: ComputedRef<boolean | undefined>;
+    mergedDisabled: ComputedRef<boolean | undefined>;
+    mergedLoading: ComputedRef<boolean | undefined>;
+    mergedLoadingSkeleton: ComputedRef<boolean | undefined>;
+    mergedHoverable: ComputedRef<boolean | undefined>;
+    mergedTag: ComputedRef<string | undefined>;
+    resolveFirst: (name: keyof ListItemPropsRenderable) => Slot | RenderableType | null;
+    hasFocus: ComputedRef<boolean | undefined>;
+    isPressed: import("vue").Ref<boolean>;
+    handleClick: MouseEventHandler;
+    handleKeyPress: KeyboardEventHandler;
+    handleBlur: (e: FocusEvent) => void;
+    handleFocus: (e: FocusEvent) => void;
+    bordered: import("vue").Ref<boolean>;
+    showDivider: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: import("vue").PropType<ArrayMouseHandler | undefined>;
+        default: undefined;
+    };
+    onKeypress: {
+        type: import("vue").PropType<ArrayKeyboardHandler | undefined>;
+        default: undefined;
+    };
+    onPress: {
+        type: import("vue").PropType<ArrayEmptyHandler | undefined>;
+        default: undefined;
+    };
+    onBlur: {
+        type: import("vue").PropType<ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    onFocus: {
+        type: import("vue").PropType<ArrayFocusHandler | undefined>;
+        default: undefined;
+    };
+    showIcon: import("./interface").BooleanProp;
+    descriptionFirst: import("./interface").BooleanProp;
+    columnsEven: import("./interface").BooleanProp;
+    hoverable: import("./interface").BooleanProp;
+    rounded: import("./interface").BooleanProp;
+    disabled: import("./interface").BooleanProp;
+    loading: import("./interface").BooleanProp;
+    loadingSkeleton: import("./interface").BooleanProp;
+    header: import("./interface").RenderableProp;
+    description: import("./interface").RenderableProp;
+    headerSide: import("./interface").RenderableProp;
+    descriptionSide: import("./interface").RenderableProp;
+    icon: import("./interface").RenderableProp;
+    avatar: import("./interface").RenderableProp;
+}>>, {
+    tag: string;
+    description: RenderableType;
+    icon: RenderableType;
+    disabled: boolean;
+    onFocus: ArrayFocusHandler | undefined;
+    onBlur: ArrayFocusHandler | undefined;
+    onKeypress: ArrayKeyboardHandler | undefined;
+    onClick: ArrayMouseHandler | undefined;
+    header: RenderableType;
+    loading: boolean;
+    showIcon: boolean;
+    avatar: RenderableType;
+    loadingSkeleton: boolean;
+    rounded: boolean;
+    hoverable: boolean;
+    descriptionFirst: boolean;
+    columnsEven: boolean;
+    headerSide: RenderableType;
+    descriptionSide: RenderableType;
+    onPress: ArrayEmptyHandler | undefined;
+}, {}>;
 export default _default;