@db-ux/react-core-components 4.11.1 → 4.12.1

package/dist/components/table-head/table-head.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableHead: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | "rows"> & import("./model").DBTableHeadDefaultProps & import("../..").GlobalProps & React.RefAttributes<any>>;
+declare const DBTableHead: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | "rows"> & import("./model.js").DBTableHeadDefaultProps & import("../../index.js").GlobalProps & React.RefAttributes<any>>;
 export default DBTableHead;

package/dist/components/table-head/table-head.js

@@ -1,73 +1,20 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n } from "../../utils/index.js";
-import r from "../table-row/table-row.js";
-import { forwardRef as i, useId as a, useRef as o } from "react";
-import { Fragment as s, jsx as c } from "react/jsx-runtime";
-//#region src/components/table-head/table-head.tsx
-function l(i, l) {
-	let u = a(), d = l || o(void 0);
-	function f(e) {
-		return e?.map((e) => ({
-			...e,
-			headerCell: !0
-		}));
-	}
-	return /* @__PURE__ */ c("thead", {
-		ref: d,
-		...e(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: i.id,
-		...t(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-head", i.className),
-		children: i.rows ? /* @__PURE__ */ c(s, { children: i.rows?.map((e, t) => /* @__PURE__ */ c(r, {
-			cells: f(e.cells),
-			className: e.className ?? e.class,
-			subHeaderEmphasis: e.subHeaderEmphasis,
-			interactive: e.interactive,
-			id: e.id
-		}, `${e.id ?? i.id ?? u}-table-head-row-${t}`)) }) : /* @__PURE__ */ c(s, { children: i.children })
-	});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+import DBTableRow from "../table-row/table-row.js";
+import { useId } from "react";
+function DBTableHeadFn(props, component) {
+    const uuid = useId();
+    const _ref = component || useRef(undefined);
+    function getCells(cells) {
+        return cells?.map((cell) => ({
+            ...cell,
+            headerCell: true,
+        }));
+    }
+    return (_jsx("thead", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-head", props.className), children: props.rows ? (_jsx(_Fragment, { children: props.rows?.map((row, index) => (_jsx(DBTableRow, { cells: getCells(row.cells), className: row.className ?? row.class, subHeaderEmphasis: row.subHeaderEmphasis, interactive: row.interactive, id: row.id }, `${row.id ?? props.id ?? uuid}-table-head-row-${index}`))) })) : (_jsx(_Fragment, { children: props.children })) }));
 }
-var u = i(l);
-//#endregion
-export { u as default };
+const DBTableHead = forwardRef(DBTableHeadFn);
+export default DBTableHead;

package/dist/components/table-header-cell/index.d.ts

@@ -1 +1 @@
-export { default as DBTableHeaderCell } from './table-header-cell';
+export { default as DBTableHeaderCell } from './table-header-cell.js';

package/dist/components/table-header-cell/index.js

@@ -0,0 +1 @@
+export { default as DBTableHeaderCell } from './table-header-cell.js';

package/dist/components/table-header-cell/model.d.ts

@@ -1,4 +1,4 @@
-import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model.js';
 export declare const DBTableHeaderCellScopeList: readonly ["row", "col", "rowgroup", "colgroup"];
 export type DBTableHeaderCellScopeType = (typeof DBTableHeaderCellScopeList)[number];
 export type DBTableHeaderCellDefaultProps = {

package/dist/components/table-header-cell/model.js

@@ -1,9 +1 @@
-//#region src/components/table-header-cell/model.ts
-var e = [
-	"row",
-	"col",
-	"rowgroup",
-	"colgroup"
-];
-//#endregion
-export { e as DBTableHeaderCellScopeList };
+export const DBTableHeaderCellScopeList = ['row', 'col', 'rowgroup', 'colgroup'];

package/dist/components/table-header-cell/table-header-cell.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableHeaderCell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | keyof import("../..").DBTableCellProps | keyof import("./model").DBTableHeaderCellDefaultProps> & import("./model").DBTableHeaderCellDefaultProps & import("../..").GlobalProps & import("../..").DBTableCellProps & React.RefAttributes<any>>;
+declare const DBTableHeaderCell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | keyof import("../../index.js").DBTableCellProps | keyof import("./model.js").DBTableHeaderCellDefaultProps> & import("./model.js").DBTableHeaderCellDefaultProps & import("../../index.js").GlobalProps & import("../../index.js").DBTableCellProps & React.RefAttributes<any>>;
 export default DBTableHeaderCell;

package/dist/components/table-header-cell/table-header-cell.js

@@ -1,67 +1,11 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n, getBooleanAsString as r, getNumber as i } from "../../utils/index.js";
-import { forwardRef as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region src/components/table-header-cell/table-header-cell.tsx
-function c(a, c) {
-	return /* @__PURE__ */ s("th", {
-		ref: c || o(void 0),
-		...e(a, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: a.id,
-		...t(a, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-header-cell", a.className),
-		"data-horizontal-alignment": a.horizontalAlignment,
-		"data-vertical-alignment": a.verticalAlignment,
-		"data-no-text": r(a.noText),
-		scope: a.scope,
-		colSpan: i(a.colSpan, a.colspan),
-		rowSpan: i(a.rowSpan, a.rowspan),
-		headers: a.headers,
-		abbr: a.abbr,
-		children: a.children
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls, getBooleanAsString, getNumber } from "../../utils/index.js";
+function DBTableHeaderCellFn(props, component) {
+    const _ref = component || useRef(undefined);
+    return (_jsx("th", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-header-cell", props.className), "data-horizontal-alignment": props.horizontalAlignment, "data-vertical-alignment": props.verticalAlignment, "data-no-text": getBooleanAsString(props.noText), scope: props.scope, colSpan: getNumber(props.colSpan, props.colspan), rowSpan: getNumber(props.rowSpan, props.rowspan), headers: props.headers, abbr: props.abbr, children: props.children }));
 }
-var l = a(c);
-//#endregion
-export { l as default };
+const DBTableHeaderCell = forwardRef(DBTableHeaderCellFn);
+export default DBTableHeaderCell;

package/dist/components/table-row/index.d.ts

@@ -1 +1 @@
-export { default as DBTableRow } from './table-row';
+export { default as DBTableRow } from './table-row.js';

package/dist/components/table-row/index.js

@@ -0,0 +1 @@
+export { default as DBTableRow } from './table-row.js';

package/dist/components/table-row/model.d.ts

@@ -1,7 +1,7 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
-import type { DBLinkProps } from '../link/model';
-import type { DBTableDataCellProps } from '../table-data-cell/model';
-import type { DBTableHeaderCellProps } from '../table-header-cell/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+import type { DBLinkProps } from '../link/model.js';
+import type { DBTableDataCellProps } from '../table-data-cell/model.js';
+import type { DBTableHeaderCellProps } from '../table-header-cell/model.js';
 export declare const DBTableRowSubHeaderEmphasisList: readonly ["none", "weak", "strong"];
 export type DBTableRowSubHeaderEmphasisType = (typeof DBTableRowSubHeaderEmphasisList)[number];
 export type DBTableRowCell = (DBTableHeaderCellProps | DBTableDataCellProps) & {

package/dist/components/table-row/model.js

@@ -1,8 +1 @@
-//#region src/components/table-row/model.ts
-var e = [
-	"none",
-	"weak",
-	"strong"
-];
-//#endregion
-export { e as DBTableRowSubHeaderEmphasisList };
+export const DBTableRowSubHeaderEmphasisList = ['none', 'weak', 'strong'];

package/dist/components/table-row/table-row.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableRow: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | keyof import("./model").DBTableRowDefaultProps> & import("./model").DBTableRowDefaultProps & import("../..").GlobalProps & React.RefAttributes<any>>;
+declare const DBTableRow: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | keyof import("./model.js").DBTableRowDefaultProps> & import("./model.js").DBTableRowDefaultProps & import("../../index.js").GlobalProps & React.RefAttributes<any>>;
 export default DBTableRow;

package/dist/components/table-row/table-row.js

@@ -1,129 +1,22 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n, getBooleanAsString as r } from "../../utils/index.js";
-import i from "../link/link.js";
-import a from "../table-data-cell/table-data-cell.js";
-import o from "../table-header-cell/table-header-cell.js";
-import { forwardRef as s, useId as c, useRef as l } from "react";
-import { Fragment as u, jsx as d } from "react/jsx-runtime";
-//#region src/components/table-row/table-row.tsx
-function f(s, f) {
-	let p = c(), m = f || l(void 0);
-	function h(e) {
-		if (e.headerCell) return e;
-	}
-	return /* @__PURE__ */ d("tr", {
-		ref: m,
-		...e(s, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: s.id,
-		...t(s, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-row", s.className),
-		"data-interactive": r(s.interactive),
-		"data-sub-header-emphasis": s.subHeaderEmphasis,
-		children: s.cells ? /* @__PURE__ */ d(u, { children: s.cells?.map((e, t) => e.headerCell ? /* @__PURE__ */ d(o, {
-			id: e.id,
-			abbr: h(e)?.abbr,
-			scope: h(e)?.scope,
-			noText: h(e)?.noText,
-			className: e.className ?? e.class,
-			horizontalAlignment: e.horizontalAlignment,
-			verticalAlignment: e.verticalAlignment,
-			headers: e.headers,
-			colSpan: e.colSpan,
-			colspan: e.colspan,
-			rowSpan: e.rowSpan,
-			rowspan: e.rowspan,
-			children: e.link ? /* @__PURE__ */ d(i, {
-				content: e.link?.content,
-				size: e.link?.size,
-				variant: e.link?.variant,
-				className: e.link?.className ?? e.link?.class,
-				id: e.link?.id,
-				autofocus: e.link?.autofocus,
-				disabled: e.link?.disabled,
-				href: e.link?.href,
-				hreflang: e.link?.hreflang,
-				target: e.link?.target,
-				rel: e.link?.rel,
-				referrerPolicy: e.link?.referrerPolicy,
-				role: e.link?.role,
-				showIcon: e.link?.showIcon,
-				text: e.link?.text,
-				wrap: e.link?.wrap,
-				children: e.link?.children
-			}) : /* @__PURE__ */ d(u, { children: e.content })
-		}, `${e.id ?? s.id ?? p}-table-row-header-cell-${t}`) : /* @__PURE__ */ d(a, {
-			id: e.id,
-			className: e.className ?? e.class,
-			horizontalAlignment: e.horizontalAlignment,
-			verticalAlignment: e.verticalAlignment,
-			headers: e.headers,
-			colSpan: e.colSpan,
-			colspan: e.colspan,
-			rowSpan: e.rowSpan,
-			rowspan: e.rowspan,
-			children: e.link ? /* @__PURE__ */ d(i, {
-				content: e.link?.content,
-				size: e.link?.size,
-				variant: e.link?.variant,
-				className: e.link?.className ?? e.link?.class,
-				id: e.link?.id,
-				autofocus: e.link?.autofocus,
-				disabled: e.link?.disabled,
-				href: e.link?.href,
-				hreflang: e.link?.hreflang,
-				target: e.link?.target,
-				rel: e.link?.rel,
-				referrerPolicy: e.link?.referrerPolicy,
-				role: e.link?.role,
-				showIcon: e.link?.showIcon,
-				text: e.link?.text,
-				wrap: e.link?.wrap,
-				children: e.link?.children
-			}) : /* @__PURE__ */ d(u, { children: e.content })
-		}, `${e.id ?? s.id ?? p}-table-row-data-cell-${t}`)) }) : /* @__PURE__ */ d(u, { children: s.children })
-	});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls, getBooleanAsString } from "../../utils/index.js";
+import DBLink from "../link/link.js";
+import DBTableDataCell from "../table-data-cell/table-data-cell.js";
+import DBTableHeaderCell from "../table-header-cell/table-header-cell.js";
+import { useId } from "react";
+function DBTableRowFn(props, component) {
+    const uuid = useId();
+    const _ref = component || useRef(undefined);
+    function getHeaderCell(cell) {
+        if (cell.headerCell) {
+            return cell;
+        }
+        return undefined;
+    }
+    return (_jsx("tr", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-row", props.className), "data-interactive": getBooleanAsString(props.interactive), "data-sub-header-emphasis": props.subHeaderEmphasis, children: props.cells ? (_jsx(_Fragment, { children: props.cells?.map((cell, index) => cell.headerCell ? (_jsx(DBTableHeaderCell, { id: cell.id, abbr: getHeaderCell(cell)?.abbr, scope: getHeaderCell(cell)?.scope, noText: getHeaderCell(cell)?.noText, className: cell.className ?? cell.class, horizontalAlignment: cell.horizontalAlignment, verticalAlignment: cell.verticalAlignment, headers: cell.headers, colSpan: cell.colSpan, colspan: cell.colspan, rowSpan: cell.rowSpan, rowspan: cell.rowspan, children: cell.link ? (_jsx(DBLink, { content: cell.link?.content, size: cell.link?.size, variant: cell.link?.variant, className: cell.link?.className ?? cell.link?.class, id: cell.link?.id, autofocus: cell.link?.autofocus, disabled: cell.link?.disabled, href: cell.link?.href, hreflang: cell.link?.hreflang, target: cell.link?.target, rel: cell.link?.rel, referrerPolicy: cell.link?.referrerPolicy, role: cell.link?.role, showIcon: cell.link?.showIcon, text: cell.link?.text, wrap: cell.link?.wrap, children: cell.link?.children })) : (_jsx(_Fragment, { children: cell.content })) }, `${cell.id ?? props.id ?? uuid}-table-row-header-cell-${index}`)) : (_jsx(DBTableDataCell, { id: cell.id, className: cell.className ?? cell.class, horizontalAlignment: cell.horizontalAlignment, verticalAlignment: cell.verticalAlignment, headers: cell.headers, colSpan: cell.colSpan, colspan: cell.colspan, rowSpan: cell.rowSpan, rowspan: cell.rowspan, children: cell.link ? (_jsx(DBLink, { content: cell.link?.content, size: cell.link?.size, variant: cell.link?.variant, className: cell.link?.className ?? cell.link?.class, id: cell.link?.id, autofocus: cell.link?.autofocus, disabled: cell.link?.disabled, href: cell.link?.href, hreflang: cell.link?.hreflang, target: cell.link?.target, rel: cell.link?.rel, referrerPolicy: cell.link?.referrerPolicy, role: cell.link?.role, showIcon: cell.link?.showIcon, text: cell.link?.text, wrap: cell.link?.wrap, children: cell.link?.children })) : (_jsx(_Fragment, { children: cell.content })) }, `${cell.id ?? props.id ?? uuid}-table-row-data-cell-${index}`))) })) : (_jsx(_Fragment, { children: props.children })) }));
 }
-var p = s(f);
-//#endregion
-export { p as default };
+const DBTableRow = forwardRef(DBTableRowFn);
+export default DBTableRow;

package/dist/components/tabs/index.d.ts

@@ -1 +1 @@
-export { default as DBTabs } from './tabs';
+export { default as DBTabs } from './tabs.js';

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+export { default as DBTabs } from './tabs.js';

package/dist/components/tabs/model.d.ts

@@ -1,6 +1,6 @@
-import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
-import type { DBTabItemProps } from '../tab-item/model';
-import type { DBTabPanelProps } from '../tab-panel/model';
+import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model.js';
+import type { DBTabItemProps } from '../tab-item/model.js';
+import type { DBTabPanelProps } from '../tab-panel/model.js';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
 export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
 export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];

package/dist/components/tabs/model.js

@@ -1,4 +1,2 @@
-//#region src/components/tabs/model.ts
-var e = ["scrollbar", "arrows"], t = ["auto", "manually"];
-//#endregion
-export { e as TabsBehaviorList, t as TabsInitialSelectedModeList };
+export const TabsBehaviorList = ['scrollbar', 'arrows'];
+export const TabsInitialSelectedModeList = ['auto', 'manually'];

package/dist/components/tabs/tabs.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTabs: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | "width" | "alignment" | keyof import("./model").DBTabsDefaultProps | "orientation" | keyof import("./model").DBTabsEventProps> & import("./model").DBTabsDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").OrientationProps & import("../../shared/model").WidthProps & import("../../shared/model").AlignmentProps & import("./model").DBTabsEventProps & React.RefAttributes<any>>;
+declare const DBTabs: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | "width" | "alignment" | keyof import("./model.js").DBTabsDefaultProps | "orientation" | keyof import("./model.js").DBTabsEventProps> & import("./model.js").DBTabsDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").OrientationProps & import("../../shared/model.js").WidthProps & import("../../shared/model.js").AlignmentProps & import("./model.js").DBTabsEventProps & React.RefAttributes<any>>;
 export default DBTabs;