@retailcrm/embed-ui-v1-components 0.9.12 → 0.9.13

package/dist/host.css

@@ -3985,6 +3985,325 @@
   opacity: 1;
   visibility: visible;
 }
+.ui-v1-table {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  --ui-v1-table-border-width: 1px;
+  --ui-v1-table-rounding: 0;
+  --ui-v1-table-rounding-start-start: var(--ui-v1-table-rounding);
+  --ui-v1-table-rounding-start-end: var(--ui-v1-table-rounding);
+  --ui-v1-table-rounding-end-start: var(--ui-v1-table-rounding);
+  --ui-v1-table-rounding-end-end: var(--ui-v1-table-rounding);
+  --ui-v1-table-cell-padding-x: 16px;
+  --ui-v1-table-cell-padding-y: 16px;
+  --ui-v1-table-cell-padding-block-start: var(--ui-v1-table-cell-padding-y);
+  --ui-v1-table-cell-padding-inline-end: var(--ui-v1-table-cell-padding-x);
+  --ui-v1-table-cell-padding-block-end: var(--ui-v1-table-cell-padding-y);
+  --ui-v1-table-cell-padding-inline-start: var(--ui-v1-table-cell-padding-x);
+  --ui-v1-table-head-cell-padding-block-start: var(--ui-v1-table-cell-padding-block-start);
+  --ui-v1-table-head-cell-padding-block-end: var(--ui-v1-table-cell-padding-block-end);
+  --ui-v1-table-body-cell-padding-block-start: var(--ui-v1-table-cell-padding-block-start);
+  --ui-v1-table-body-cell-padding-block-end: var(--ui-v1-table-cell-padding-block-end);
+  --ui-v1-table-group-head-padding-block-start: calc(var(--ui-v1-table-body-cell-padding-block-start) / 2);
+  --ui-v1-table-group-head-padding-block-end: calc(var(--ui-v1-table-body-cell-padding-block-end) / 2);
+  --ui-v1-table-head-background: #F4F6F8;
+  --ui-v1-table-group-head-background: #F4F6F8;
+  --ui-v1-table-padding-start: var(--ui-v1-table-cell-padding-inline-start, var(--ui-v1-table-cell-padding-x));
+  --ui-v1-table-padding-end: var(--ui-v1-table-cell-padding-inline-end, var(--ui-v1-table-cell-padding-x));
+  --ui-v1-table-effective-padding-start: var(--ui-v1-table-padding-start);
+  --ui-v1-table-effective-padding-end: var(--ui-v1-table-padding-end);
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  color: #1E2248;
+  background: #fff;
+  table-layout: auto;
+  border-start-start-radius: var(--ui-v1-table-rounding-start-start);
+  border-start-end-radius: var(--ui-v1-table-rounding-start-end);
+  border-end-start-radius: var(--ui-v1-table-rounding-end-start);
+  border-end-end-radius: var(--ui-v1-table-rounding-end-end);
+}
+.ui-v1-table,
+.ui-v1-table *,
+.ui-v1-table *::before,
+.ui-v1-table *::after {
+  box-sizing: border-box;
+}
+.ui-v1-table_fixed {
+  table-layout: fixed;
+}
+.ui-v1-table_bordered {
+  --ui-v1-table-rounding: 6px;
+  --ui-v1-table-effective-padding-start: calc(var(--ui-v1-table-padding-start) - var(--ui-v1-table-border-width));
+  --ui-v1-table-effective-padding-end: calc(var(--ui-v1-table-padding-end) - var(--ui-v1-table-border-width));
+  border: var(--ui-v1-table-border-width) solid #DEE2E6;
+  border-start-start-radius: var(--ui-v1-table-rounding-start-start);
+  border-start-end-radius: var(--ui-v1-table-rounding-start-end);
+  border-end-start-radius: var(--ui-v1-table-rounding-end-start);
+  border-end-end-radius: var(--ui-v1-table-rounding-end-end);
+}
+.ui-v1-table__section_head .ui-v1-table__head-cell {
+  background: var(--ui-v1-table-head-background);
+  border-bottom: 1px solid #DEE2E6;
+}
+.ui-v1-table__section_head:first-child .ui-v1-table__row:first-child .ui-v1-table__head-cell:first-child,
+.ui-v1-table__section_head:first-child .ui-v1-table__row:first-child .ui-v1-table__body-cell:first-child,
+.ui-v1-table__section_body:first-child .ui-v1-table__row:first-child .ui-v1-table__body-cell:first-child {
+  border-start-start-radius: var(--ui-v1-table-rounding-start-start);
+}
+.ui-v1-table__section_head:first-child .ui-v1-table__row:first-child .ui-v1-table__head-cell:last-child,
+.ui-v1-table__section_head:first-child .ui-v1-table__row:first-child .ui-v1-table__body-cell:last-child,
+.ui-v1-table__section_body:first-child .ui-v1-table__row:first-child .ui-v1-table__body-cell:last-child {
+  border-start-end-radius: var(--ui-v1-table-rounding-start-end);
+}
+.ui-v1-table__section_foot:last-child .ui-v1-table__row:last-child .ui-v1-table__body-cell:first-child,
+.ui-v1-table__section_body:last-child .ui-v1-table__row:last-child .ui-v1-table__body-cell:first-child {
+  border-end-start-radius: var(--ui-v1-table-rounding-end-start);
+}
+.ui-v1-table__section_foot:last-child .ui-v1-table__row:last-child .ui-v1-table__body-cell:last-child,
+.ui-v1-table__section_body:last-child .ui-v1-table__row:last-child .ui-v1-table__body-cell:last-child {
+  border-end-end-radius: var(--ui-v1-table-rounding-end-end);
+}
+.ui-v1-table__section_body .ui-v1-table__body-cell,
+.ui-v1-table__section_foot .ui-v1-table__body-cell {
+  border-bottom: 1px solid #DEE2E6;
+}
+.ui-v1-table__section_foot .ui-v1-table__body-cell {
+  border-bottom: none;
+}
+.ui-v1-table_bordered > .ui-v1-table__section_body > .ui-v1-table__row:last-child > .ui-v1-table__body-cell {
+  border-bottom: none;
+}
+.ui-v1-table__section_head .ui-v1-table__row:hover .ui-v1-table__head-cell {
+  background: var(--ui-v1-table-head-background);
+}
+.ui-v1-table__section_body .ui-v1-table__row:hover .ui-v1-table__body-cell {
+  background: #F9FAFB;
+}
+.ui-v1-table__head-cell,
+.ui-v1-table__body-cell {
+  padding-inline-end: var(--ui-v1-table-cell-padding-inline-end);
+  padding-inline-start: var(--ui-v1-table-cell-padding-inline-start);
+  text-align: left;
+  white-space: normal;
+}
+.ui-v1-table__head-cell:first-child,
+.ui-v1-table__body-cell:first-child {
+  padding-inline-start: var(--ui-v1-table-effective-padding-start);
+}
+.ui-v1-table__head-cell:last-child,
+.ui-v1-table__body-cell:last-child {
+  padding-inline-end: var(--ui-v1-table-effective-padding-end);
+}
+.ui-v1-table__head-cell {
+  height: 40px;
+  padding-block-start: var(--ui-v1-table-head-cell-padding-block-start);
+  padding-block-end: var(--ui-v1-table-head-cell-padding-block-end);
+  color: #8A96A6;
+  vertical-align: middle;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.16666667;
+}
+.ui-v1-table__head-cell_align-center {
+  text-align: center;
+}
+.ui-v1-table__head-cell_align-right {
+  text-align: right;
+}
+.ui-v1-table__body-cell {
+  padding-block-start: var(--ui-v1-table-body-cell-padding-block-start);
+  padding-block-end: var(--ui-v1-table-body-cell-padding-block-end);
+  vertical-align: middle;
+  background: #fff;
+}
+.ui-v1-table__body-cell_align-center {
+  text-align: center;
+}
+.ui-v1-table__body-cell_align-right {
+  text-align: right;
+}
+.ui-v1-table__body-cell_valign-top {
+  vertical-align: top;
+}
+.ui-v1-table__body-cell_valign-bottom {
+  vertical-align: bottom;
+}
+.ui-v1-table__body-cell_theme-group {
+  padding-block-start: var(--ui-v1-table-group-head-padding-block-start);
+  padding-block-end: var(--ui-v1-table-group-head-padding-block-end);
+  background: var(--ui-v1-table-group-head-background);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.16666667;
+}
+.ui-v1-table__body-cell_trim {
+  padding-inline: 0;
+}
+.ui-v1-table__head-cell_trim {
+  padding-inline: 0;
+}
+.ui-v1-table__section_head .ui-v1-table__head-cell:first-child.ui-v1-table__head-cell_trim,
+.ui-v1-table__section_body .ui-v1-table__body-cell:first-child.ui-v1-table__body-cell_trim {
+  padding-inline-end: 8px;
+}
+.ui-v1-table__section_head .ui-v1-table__head-cell:last-child.ui-v1-table__head-cell_trim,
+.ui-v1-table__section_body .ui-v1-table__body-cell:last-child.ui-v1-table__body-cell_trim {
+  padding-inline-start: 8px;
+}
+.ui-v1-table__section_foot .ui-v1-table__body-cell.ui-v1-table__footer-cell {
+  padding: 0;
+  background: #fff;
+}
+.ui-v1-table__section_foot .ui-v1-table__body-cell.ui-v1-table__footer-cell:first-child {
+  padding-inline-start: 0;
+}
+.ui-v1-table__section_foot .ui-v1-table__body-cell.ui-v1-table__footer-cell:last-child {
+  padding-inline-end: 0;
+}
+.ui-v1-table__section_body .ui-v1-table__row:hover .ui-v1-table__body-cell_theme-group {
+  background: var(--ui-v1-table-group-head-background);
+}
+.ui-v1-table__row_interactive {
+  cursor: pointer;
+}
+.ui-v1-table__empty {
+  color: #8A96A6;
+}
+.ui-v1-table__group-head {
+  color: #636F7F;
+}
+.ui-v1-table__sorter {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  margin: 0;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-align: inherit;
+  vertical-align: top;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.ui-v1-table__sorter-icon {
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.ui-v1-table__sorter-path {
+  fill: #AFB9C3;
+}
+.ui-v1-table__sorter-path_active {
+  fill: #005EEB;
+}
+.ui-v1-table__sorter-label {
+  min-width: 0;
+}
+.ui-v1-table__footer {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.ui-v1-table__footer-meta {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  min-height: 40px;
+  padding-block: 0;
+  padding-inline-end: var(--ui-v1-table-effective-padding-end);
+  padding-inline-start: var(--ui-v1-table-effective-padding-start);
+  color: #8A96A6;
+  background: #F4F6F8;
+  border-top: 1px solid #DEE2E6;
+  font-weight: 500;
+}
+.ui-v1-table__footer-controls {
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+  min-width: 0;
+  background: #fff;
+  border-top: 1px solid #DEE2E6;
+}
+.ui-v1-table__footer-main,
+.ui-v1-table__footer-side {
+  display: flex;
+  align-items: stretch;
+  min-width: 0;
+}
+.ui-v1-table__footer-main {
+  flex: 1 1 auto;
+}
+.ui-v1-table__footer-side {
+  flex: 0 0 auto;
+  margin-inline-start: auto;
+}
+.ui-v1-table__footer-section {
+  min-width: 0;
+  padding: 16px var(--ui-v1-table-cell-padding-x);
+  white-space: nowrap;
+}
+.ui-v1-table__footer-main > *,
+.ui-v1-table__footer-side > * {
+  display: block;
+  min-width: 0;
+  padding-block: 16px;
+  white-space: nowrap;
+}
+.ui-v1-table__footer-main > :first-child {
+  padding-inline-start: var(--ui-v1-table-effective-padding-start);
+}
+.ui-v1-table__footer-main > :last-child {
+  padding-inline-end: var(--ui-v1-table-effective-padding-end);
+}
+.ui-v1-table__footer-side > :first-child {
+  padding-inline-start: var(--ui-v1-table-effective-padding-start);
+}
+.ui-v1-table__footer-side > :last-child {
+  padding-inline-end: var(--ui-v1-table-effective-padding-end);
+}
+.ui-v1-table__footer-main > * + *,
+.ui-v1-table__footer-side > * {
+  border-left: 1px solid #DEE2E6;
+}
+.ui-v1-table__footer-button {
+  display: inline-block;
+  padding: 0;
+  color: #005EEB;
+  font: inherit;
+  line-height: inherit;
+  vertical-align: baseline;
+  white-space: inherit;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  text-decoration: none;
+}
+.ui-v1-table__footer-button:active .ui-v1-table__footer-button-content {
+  transform: scale3d(0.985, 0.985, 1);
+}
+.ui-v1-table__footer-button:focus-visible {
+  outline: none;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.ui-v1-table__footer-button:focus {
+  outline: none;
+}
+.ui-v1-table__footer-button-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: inherit;
+  transform-origin: center center;
+  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
+  white-space: inherit;
+}
 .ui-v1-tag-wrapper {
   display: inline-block;
   max-width: 100%;

package/dist/host.d.ts

@@ -15,6 +15,7 @@ import { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { SerializedEvent } from '@omnicajs/vue-remote/types/events';
 import { Side } from '@floating-ui/dom';
 import { SlotsType } from 'vue';
 import { Strategy } from '@floating-ui/dom';
@@ -236,7 +237,12 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 declare type Adaptation = 'flip' | 'shift';
-declare enum ALIGN {
+export declare enum ALIGN {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+declare enum ALIGN_2 {
     LEFT = "left",
     RIGHT = "right"
 }
@@ -263,6 +269,9 @@ declare enum APPEARANCE_4 {
     POPUP = "popup",
     HINT = "hint"
 }
+export declare const asRowAttrs: <T>(value: RowAttrsGetter<T>) => RowAttrsGetter<T>;
+export declare const asRowClass: <T>(value: RowClassGetter<T>) => RowClassGetter<T>;
+export declare const byRowKey: <T, K extends keyof T>(key: K) => RowKeyGetter<T>;
 declare enum COLLAPSE_BEHAVIOUR {
     DISPOSE = "dispose",
     HIDE = "hide"
@@ -283,7 +292,41 @@ declare enum COLOR_2 {
     RED = "red",
     YELLOW = "yellow"
 }
+export declare type Column<T> = {
+    id: string;
+    label: string;
+    width?: Numeric;
+    minWidth?: Numeric;
+    maxWidth?: Numeric;
+    align: ALIGN | `${ALIGN}`;
+    valign: VALIGN | `${VALIGN}`;
+    trim: boolean;
+    getColspan: (row: T, index: number) => number | undefined;
+    getRowspan: (row: T, index: number) => number | undefined;
+};
 export declare const createProvider: () => Provider;
+export declare type CssClass = string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+export declare type DataForCell<T> = {
+    row: T;
+    index: number;
+    key: RowKey;
+    expanded: boolean;
+    toggle: () => void;
+    column: Column<T>;
+};
+export declare type DataForFooter<T, GroupData> = {
+    columnsCount: number;
+    rowsCount: number;
+    groupsCount: number;
+    groups: readonly Group<T, GroupData>[];
+};
+export declare type DataForGroupHead<T, GroupData> = {
+    group: Group<T, GroupData>;
+    index: number;
+};
+export declare type DataForLabel<T> = {
+    column: Column<T>;
+};
 declare type DateFormatter = (date: Date, omitYear?: boolean) => string;
 declare type DefineComponent<PropsOrPropOptions = object, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, EE extends string = string, PP = PublicProps, Props = ResolveProps<PropsOrPropOptions, E>, Defaults = ExtractDefaultPropTypes<PropsOrPropOptions>, S extends SlotsType = SlotsType, LC extends Record<string, Component> = Record<string, Component>, Directives extends Record<string, Directive> = Record<string, Directive>, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, MakeDefaultsOptional extends boolean = true, TypeRefs extends Record<string, unknown> = Record<string, unknown>, TypeEl extends Element = Element> = DefineComponent_2<PropsOrPropOptions, Record<string, never>, Record<string, never>, Record<string, never>, M, ComponentOptionsMixin, ComponentOptionsMixin, E, EE, PP, Props, Defaults, S, LC, Directives, Exposed, Provide, MakeDefaultsOptional, TypeRefs, TypeEl>;
 declare type Delay = {
@@ -291,11 +334,15 @@ declare type Delay = {
     hide?: number;
 };
 declare type Dimensions = `${number}x${number}` | `${number}x-` | `-x${number}`;
-declare enum DIRECTION {
+export declare enum DIRECTION {
+    ASC = "asc",
+    DESC = "desc"
+}
+declare enum DIRECTION_2 {
     LEFT = "left",
     RIGHT = "right"
 }
-declare enum DIRECTION_2 {
+declare enum DIRECTION_3 {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
 }
@@ -305,6 +352,12 @@ declare type FloatingOptions = {
     offsetCrossAxis?: number | string;
     strategy?: Strategy;
 };
+export declare type Group<T, GroupData> = {
+    key: RowKey;
+    data: GroupData;
+    rows: readonly T[];
+};
+export declare type GroupBy<T, GroupData> = (rows: readonly T[]) => Group<T, GroupData>[];
 export declare const I18nPlugin: Plugin_2;
 export declare const ImageWorkersKey: InjectionKey<Ref<string[]>>;
 declare enum INPUTMODE {
@@ -347,6 +400,25 @@ declare type QuickOption = {
     value: Exclude<QuickDate, null>;
 };
 declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
+export declare type RowAttrs = Record<string, string | number | boolean | undefined> & {
+    class?: CssClass;
+};
+export declare type RowAttrsGetter<T> = (row: T, index: number) => RowAttrs;
+export declare type RowClassGetter<T> = (row: T, index: number) => CssClass;
+export declare type RowClickPayload<T> = {
+    row: T;
+    index: number;
+    key: RowKey;
+    expanded: boolean;
+    toggle: () => void;
+};
+export declare type RowKey = string | number;
+export declare type RowKeyGetter<T> = (row: T, index: number) => RowKey;
+export declare type RowRendererArgs<T> = {
+    row: T;
+    index: number;
+    key: RowKey;
+};
 declare enum SCROLLING {
     NORMAL = "normal",
     NATIVE = "native",
@@ -634,7 +706,7 @@ declare type UiDateProperties = {
 export declare const UiError: DefineComponent<UiErrorProperties>;
 declare type UiErrorProperties = {
     message: string;
-    align?: ALIGN | `${ALIGN}`;
+    align?: ALIGN_2 | `${ALIGN_2}`;
     ellipsis?: boolean;
 };
 export declare const UiImage: DefineComponent<UiImageProperties>;
@@ -698,7 +770,7 @@ declare type UiModalSidebarProperties = {
     id?: string;
     opened?: boolean;
     closable?: boolean;
-    direction?: DIRECTION | `${DIRECTION}`;
+    direction?: DIRECTION_2 | `${DIRECTION_2}`;
     disposeTimeout?: number | string | null;
     fixed?: boolean;
     scrolling?: SCROLLING | `${SCROLLING}`;
@@ -741,7 +813,7 @@ declare type UiNumberStepperProperties = {
     disabled?: boolean;
     readonly?: boolean;
     required?: boolean;
-    direction?: DIRECTION_2 | `${DIRECTION_2}`;
+    direction?: DIRECTION_3 | `${DIRECTION_3}`;
     size?: SIZE_4 | `${SIZE_4}`;
     outlined?: boolean;
     textboxOptions?: Partial<Omit<UiTextboxProperties, 'id' | 'value' | 'type' | 'min' | 'max' | 'step' | 'decimals' | 'clearable' | 'disabled' | 'readonly' | 'required' | 'size' | 'outlined' | 'autofit' | 'inputAttributes'>>;
@@ -855,6 +927,104 @@ declare type UiSwitchProperties = {
     square?: boolean;
     disabled?: boolean;
 };
+export declare const UiTableBodyCell: DefineComponent<UiTableBodyCellProperties>;
+export declare type UiTableBodyCellProperties = {
+    align?: ALIGN | `${ALIGN}`;
+    valign?: VALIGN | `${VALIGN}`;
+    colspan?: number;
+    rowspan?: number;
+    trim?: boolean;
+    theme?: UiTableBodyCellTheme;
+};
+export declare type UiTableBodyCellTheme = 'default' | 'group';
+export declare const UiTableCol: DefineComponent<UiTableColProperties>;
+export declare type UiTableColProperties = {
+    width?: Numeric;
+    minWidth?: Numeric;
+    maxWidth?: Numeric;
+};
+export declare type UiTableColumnProperties<T> = {
+    label?: string;
+    width?: Numeric;
+    minWidth?: Numeric;
+    maxWidth?: Numeric;
+    align?: ALIGN | `${ALIGN}`;
+    valign?: VALIGN | `${VALIGN}`;
+    trim?: boolean;
+    colspan?: (row: T, index: number) => number | undefined;
+    rowspan?: (row: T, index: number) => number | undefined;
+};
+export declare type UiTableColumnSlots<T> = {
+    default?: (props: DataForCell<T>) => unknown;
+    cell?: (props: DataForCell<T>) => unknown;
+    label?: (props: DataForLabel<T>) => unknown;
+};
+export declare type UiTableEmits<T> = {
+    'row:click': [
+        payload: RowClickPayload<T>,
+        event: SerializedEvent
+    ];
+};
+export declare const UiTableFooterButton: DefineComponent_2<UiTableFooterButtonProperties>;
+export declare type UiTableFooterButtonProperties = {
+    type?: UiTableFooterButtonType;
+};
+export declare type UiTableFooterButtonType = 'button' | 'submit' | 'reset';
+export declare const UiTableFooterSection: DefineComponent_2<UiTableFooterSectionProperties>;
+export declare type UiTableFooterSectionProperties = Record<string, never>;
+export declare const UiTableHeadCell: DefineComponent<UiTableHeadCellProperties>;
+export declare type UiTableHeadCellProperties = {
+    align?: ALIGN | `${ALIGN}`;
+    trim?: boolean;
+};
+export declare type UiTableMethods<RowKeyValue extends RowKey = RowKey> = {
+    resetExpanded(): void;
+    expand(key: RowKeyValue): void;
+    collapse(key: RowKeyValue): void;
+    toggle(key: RowKeyValue): void;
+};
+export declare type UiTableProperties<T, GroupData = undefined> = {
+    rows: readonly T[];
+    rowKey?: keyof T | RowKeyGetter<T>;
+    headless?: boolean;
+    bordered?: boolean;
+    fixed?: boolean;
+    rowClass?: CssClass | RowClassGetter<T>;
+    rowAttrs?: RowAttrsGetter<T>;
+    groupBy?: GroupBy<T, GroupData>;
+    groupHeadClass?: CssClass;
+    groupBodyClass?: CssClass;
+};
+export declare const UiTableRoot: DefineComponent<UiTableRootProperties>;
+export declare type UiTableRootProperties = {
+    bordered?: boolean;
+    fixed?: boolean;
+};
+export declare const UiTableRow: DefineComponent<UiTableRowProperties>;
+export declare type UiTableRowProperties = {
+    interactive?: boolean;
+    expanded?: boolean;
+};
+export declare const UiTableSection: DefineComponent<UiTableSectionProperties>;
+export declare type UiTableSectionKind = 'head' | 'body' | 'foot';
+export declare type UiTableSectionProperties = {
+    kind?: UiTableSectionKind;
+};
+export declare type UiTableSlots<T, GroupData = undefined> = {
+    default?: () => unknown;
+    expand?: (props: RowRendererArgs<T>) => unknown;
+    footer?: (props: DataForFooter<T, GroupData>) => unknown;
+    'footer-summary'?: (props: DataForFooter<T, GroupData>) => unknown;
+    'footer-page-size'?: (props: DataForFooter<T, GroupData>) => unknown;
+    'footer-export'?: (props: DataForFooter<T, GroupData>) => unknown;
+    'footer-pagination'?: (props: DataForFooter<T, GroupData>) => unknown;
+    'group-head'?: (props: DataForGroupHead<T, GroupData>) => unknown;
+    empty?: () => unknown;
+};
+export declare const UiTableSorter: DefineComponent_2<UiTableSorterProperties>;
+export declare type UiTableSorterProperties = {
+    direction?: DIRECTION | `${DIRECTION}` | null;
+};
 export declare const UiTag: DefineComponent<UiTagProperties>;
 declare type UiTagProperties = {
     size?: SIZE_9 | `${SIZE_9}`;
@@ -945,6 +1115,11 @@ declare type UiYandexMapProperties = {
     apiKey: string;
     address?: string;
 };
+export declare enum VALIGN {
+    TOP = "top",
+    MIDDLE = "middle",
+    BOTTOM = "bottom"
+}
 declare enum VARIANT {
     PRIMARY = "primary",
     WARNING = "warning",