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

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

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

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

@@ -0,0 +1,59 @@
+"use client";
+import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
+import { cls as n } from "../../utils/index.js";
+import { forwardRef as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/table-caption/table-caption.tsx
+function o(r, o) {
+	return /* @__PURE__ */ a("caption", {
+		ref: o || i(void 0),
+		...e(r, [
+			"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: r.id,
+		...t(r, [
+			"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-caption", r.className),
+		children: r.children
+	});
+}
+var s = r(o);
+//#endregion
+export { s as default };

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

@@ -0,0 +1 @@
+export { default as DBTableDataCell } from './table-data-cell';

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

@@ -0,0 +1,5 @@
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+export type DBTableDataCellDefaultProps = {};
+export type DBTableDataCellProps = DBTableDataCellDefaultProps & GlobalProps & DBTableCellProps;
+export type DBTableDataCellDefaultState = {};
+export type DBTableDataCellState = DBTableDataCellDefaultState & GlobalState;

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

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

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

@@ -0,0 +1,64 @@
+"use client";
+import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
+import { cls as n, getNumber as r } from "../../utils/index.js";
+import { forwardRef as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/table-data-cell/table-data-cell.tsx
+function s(i, s) {
+	return /* @__PURE__ */ o("td", {
+		ref: s || a(void 0),
+		...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-data-cell", i.className),
+		"data-horizontal-alignment": i.horizontalAlignment,
+		"data-vertical-alignment": i.verticalAlignment,
+		colSpan: r(i.colSpan, i.colspan),
+		rowSpan: r(i.rowSpan, i.rowspan),
+		headers: i.headers,
+		children: i.children
+	});
+}
+var c = i(s);
+//#endregion
+export { c as default };

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

@@ -0,0 +1 @@
+export { default as DBTableFooter } from './table-footer';

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

@@ -0,0 +1,8 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableRowProps } from '../table-row/model';
+export type DBTableFooterDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableFooterProps = DBTableFooterDefaultProps & GlobalProps;
+export type DBTableFooterDefaultState = {};
+export type DBTableFooterState = DBTableFooterDefaultState & GlobalState;

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

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

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

@@ -0,0 +1,66 @@
+"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-footer/table-footer.tsx
+function l(i, l) {
+	let u = a();
+	return /* @__PURE__ */ c("tfoot", {
+		ref: l || o(void 0),
+		...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-footer", i.className),
+		children: i.rows ? /* @__PURE__ */ c(s, { children: i.rows?.map((e, t) => /* @__PURE__ */ c(r, {
+			cells: e.cells,
+			className: e.className ?? e.class,
+			interactive: e.interactive,
+			id: e.id
+		}, `${e.id ?? i.id ?? u}-table-footer-row-${t}`)) }) : /* @__PURE__ */ c(s, { children: i.children })
+	});
+}
+var u = i(l);
+//#endregion
+export { u as default };

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

@@ -0,0 +1 @@
+export { default as DBTableHead } from './table-head';

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

@@ -0,0 +1,10 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableRowCell, DBTableRowProps } from '../table-row/model';
+export type DBTableHeadDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableHeadProps = DBTableHeadDefaultProps & GlobalProps;
+export type DBTableHeadDefaultState = {
+    getCells: (cells?: DBTableRowCell[]) => DBTableRowCell[] | undefined;
+};
+export type DBTableHeadState = DBTableHeadDefaultState & GlobalState;

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

@@ -0,0 +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>>;
+export default DBTableHead;

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

@@ -0,0 +1,73 @@
+"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 })
+	});
+}
+var u = i(l);
+//#endregion
+export { u as default };

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

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

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

@@ -0,0 +1,24 @@
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+export declare const DBTableHeaderCellScopeList: readonly ["row", "col", "rowgroup", "colgroup"];
+export type DBTableHeaderCellScopeType = (typeof DBTableHeaderCellScopeList)[number];
+export type DBTableHeaderCellDefaultProps = {
+    /**
+     * The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)
+     */
+    abbr?: string;
+    /**
+     * The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)
+     */
+    scope?: DBTableHeaderCellScopeType;
+    /**
+     * Hide the text content of the cell.
+     */
+    noText?: boolean | string;
+};
+export type DBTableHeaderCellProps = DBTableHeaderCellDefaultProps & GlobalProps & DBTableCellProps;
+export type DBTableHeaderCellDefaultState = {};
+export type DBTableHeaderCellState = DBTableHeaderCellDefaultState & GlobalState;

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

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

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

@@ -0,0 +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>>;
+export default DBTableHeaderCell;

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

@@ -0,0 +1,67 @@
+"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
+	});
+}
+var l = a(c);
+//#endregion
+export { l as default };

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

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

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

@@ -0,0 +1,30 @@
+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';
+export declare const DBTableRowSubHeaderEmphasisList: readonly ["none", "weak", "strong"];
+export type DBTableRowSubHeaderEmphasisType = (typeof DBTableRowSubHeaderEmphasisList)[number];
+export type DBTableRowCell = (DBTableHeaderCellProps | DBTableDataCellProps) & {
+    headerCell?: boolean;
+    content?: any;
+    link?: DBLinkProps;
+};
+export type DBTableRowDefaultProps = {
+    /**
+     * All cells of the row
+     */
+    cells?: DBTableRowCell[];
+    /**
+     * Change styling of row only if it is inside thead
+     */
+    subHeaderEmphasis?: DBTableRowSubHeaderEmphasisType;
+    /**
+     * If true marks the row as interactive, which checks for child with data-table-row-trigger="true"
+     */
+    interactive?: boolean | string;
+};
+export type DBTableRowProps = DBTableRowDefaultProps & GlobalProps;
+export type DBTableRowDefaultState = {
+    getHeaderCell: (cell: DBTableRowCell) => DBTableHeaderCellProps | undefined;
+};
+export type DBTableRowState = DBTableRowDefaultState & GlobalState;

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

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

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

@@ -0,0 +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>>;
+export default DBTableRow;

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

@@ -0,0 +1,129 @@
+"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 })
+	});
+}
+var p = s(f);
+//#endregion
+export { p as default };

package/dist/components/tag/tag.js

@@ -64,10 +64,10 @@ function d(o, d) {
 		"data-semantic": o.semantic,
 		"data-emphasis": o.emphasis,
 		"data-icon": o.icon,
-		"data-show-check-state": r(o.showCheckState ?? !0),
-		"data-show-icon": r(o.showIcon),
-		"data-no-text": r(o.noText),
-		"data-overflow": r(o.overflow),
+		"data-show-check-state": r(o.showCheckState ?? !0, "showCheckState"),
+		"data-show-icon": r(o.showIcon, "showIcon"),
+		"data-no-text": r(o.noText, "noText"),
+		"data-overflow": r(o.overflow, "overflow"),
 		children: [
 			/* @__PURE__ */ l(c, { children: o.content }),
 			o.text ? /* @__PURE__ */ l(c, { children: o.text }) : null,

package/dist/components/textarea/textarea.js

@@ -118,7 +118,7 @@ function x(m, x) {
 				"data-hide-resizer": a(m.showResizer ?? !0),
 				disabled: i(m.disabled, "disabled"),
 				required: i(m.required, "required"),
-				readOnly: i(m.readOnly, "readOnly") || i(m.readonly, "readonly"),
+				readOnly: i(m.readOnly, "readOnly") || i(m.readonly, "readonly") || void 0,
 				form: m.form,
 				maxLength: o(m.maxLength, m.maxlength),
 				minLength: o(m.minLength, m.minlength),

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

@@ -16,5 +16,14 @@ export type DBTooltipDefaultProps = {
 export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps & WrapProps & TextProps;
 export type DBTooltipDefaultState = {
     getParent: () => HTMLElement;
+    _attachedParent?: HTMLElement;
+    _attachedId?: string;
+    _activeTriggerCount?: number;
+    _boundListeners?: {
+        parent: HTMLElement;
+        type: string;
+        fn: (event: any) => void;
+    }[];
+    _detachListeners: () => void;
 };
 export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState & ResetIdState;