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

package/dist/components/tabs/tabs.js

@@ -1,193 +1,172 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n } from "../../utils/index.js";
-import r from "../button/button.js";
-import i from "../tab-item/tab-item.js";
-import a from "../tab-list/tab-list.js";
-import o from "../tab-panel/tab-panel.js";
-import { forwardRef as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/tabs/tabs.tsx
-function h(s, h) {
-	let g = l(), _ = h || u(h), [v, y] = d(() => ""), [b, x] = d(() => !1), [S, C] = d(() => !1), [w, T] = d(() => !1), [E, D] = d(() => null), [O, k] = d(() => void 0);
-	function A() {
-		try {
-			return typeof s.tabs == "string" ? JSON.parse(s.tabs) : s.tabs;
-		} catch (e) {
-			console.error(e);
-		}
-		return [];
-	}
-	function j(e) {
-		let t = e.scrollWidth > e.clientWidth;
-		C(t && e.scrollLeft > 1), T(t && e.scrollLeft < e.scrollWidth - e.clientWidth);
-	}
-	function M(e) {
-		let t = Number(s.arrowScrollDistance) || 100;
-		e && (t *= -1), E?.scrollBy({
-			top: 0,
-			left: t,
-			behavior: "smooth"
-		});
-	}
-	function N() {
-		if (_.current) {
-			let e = _.current.querySelector(".db-tab-list");
-			if (e) {
-				let t = e.querySelector("[role=\"tablist\"]");
-				if (t && (t.setAttribute("aria-orientation", s.orientation || "horizontal"), s.behavior === "arrows" && (D(t), j(t), t.addEventListener("scroll", () => {
-					j(t);
-				}), !O))) {
-					let e = new ResizeObserver(() => {
-						j(t);
-					});
-					e.observe(t), k(e);
-				}
-			}
-		}
-	}
-	function P(e) {
-		if (_.current) {
-			let t = Array.from(_.current.getElementsByClassName("db-tab-item")), n = Array.from(_.current.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
-			for (let r of t) {
-				let i = t.indexOf(r), a = r.querySelector("label"), o = r.querySelector("input");
-				if (o && a) {
-					if (!o.id) {
-						let e = `${v}-tab-${i}`;
-						a.setAttribute("for", e), o.id = e, o.setAttribute("name", v), n.length > i && o.setAttribute("aria-controls", `${v}-tab-panel-${i}`);
-					}
-					if (e) {
-						let e = !s.initialSelectedMode || s.initialSelectedMode === "auto", t = s.initialSelectedIndex == null && i === 0 || Number(s.initialSelectedIndex) === i;
-						e && t && o.click();
-					}
-				}
-			}
-			for (let e of n) {
-				if (e.id) continue;
-				let t = n.indexOf(e);
-				e.id = `${v}-tab-panel-${t}`, e.setAttribute("aria-labelledby", `${v}-tab-${t}`);
-			}
-		}
-	}
-	function F(e) {
-		if (e.stopPropagation(), e.target) {
-			let t = e.target.parentElement;
-			if (t && t.parentElement && t.parentElement?.nodeName === "LI") {
-				let n = t.parentElement;
-				if (n) {
-					let t = n.parentElement;
-					if (t) {
-						let r = Array.from(t.children).indexOf(n);
-						s.onIndexChange && s.onIndexChange(r), s.onTabSelect && s.onTabSelect(e);
-					}
-				}
-			}
-		}
-	}
-	return c(() => {
-		y(`tabs-${s.name || g}`), x(!0);
-	}, []), c(() => {
-		if (_.current && b) {
-			N(), P(!0);
-			let e = _.current.querySelector(".db-tab-list");
-			e && new MutationObserver((e) => {
-				e.forEach((e) => {
-					(e.removedNodes.length || e.addedNodes.length) && (N(), P());
-				});
-			}).observe(e, {
-				childList: !0,
-				subtree: !0
-			}), x(!1);
-		}
-	}, [_.current, b]), c(() => () => {
-		O?.disconnect(), k(void 0);
-	}, []), /* @__PURE__ */ m("div", {
-		ref: _,
-		...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",
-			"onTabSelect",
-			"onIndexChange"
-		]),
-		id: s.id ?? s.propOverrides?.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-tabs", s.className),
-		"data-orientation": s.orientation,
-		"data-scroll-behavior": s.behavior,
-		"data-alignment": s.alignment ?? "start",
-		"data-width": s.width ?? "auto",
-		onInput: (e) => F(e),
-		onChange: (e) => F(e),
-		children: [
-			S ? /* @__PURE__ */ p(r, {
-				className: "tabs-scroll-left",
-				variant: "ghost",
-				icon: "chevron_left",
-				type: "button",
-				noText: !0,
-				onClick: (e) => M(!0),
-				children: "Scroll left"
-			}) : null,
-			s.tabs ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(a, { children: A()?.map((e, t) => /* @__PURE__ */ p(i, {
-				active: e.active,
-				label: e.label,
-				iconTrailing: e.iconTrailing,
-				icon: e.icon,
-				noText: e.noText
-			}, s.name + "tab-item" + t)) }), A()?.map((e, t) => /* @__PURE__ */ p(o, {
-				content: e.content,
-				children: e.children
-			}, s.name + "tab-panel" + t))] }) : null,
-			w ? /* @__PURE__ */ p(r, {
-				className: "tabs-scroll-right",
-				variant: "ghost",
-				icon: "chevron_right",
-				type: "button",
-				noText: !0,
-				onClick: (e) => M(),
-				children: "Scroll right"
-			}) : null,
-			s.children
-		]
-	});
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useState, useRef, useEffect, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+import DBButton from "../button/button.js";
+import DBTabItem from "../tab-item/tab-item.js";
+import DBTabList from "../tab-list/tab-list.js";
+import DBTabPanel from "../tab-panel/tab-panel.js";
+import { useId } from "react";
+function DBTabsFn(props, component) {
+    const uuid = useId();
+    const _ref = component || useRef(component);
+    const [_name, set_name] = useState(() => "");
+    const [initialized, setInitialized] = useState(() => false);
+    const [showScrollLeft, setShowScrollLeft] = useState(() => false);
+    const [showScrollRight, setShowScrollRight] = useState(() => false);
+    const [scrollContainer, setScrollContainer] = useState(() => null);
+    const [_resizeObserver, set_resizeObserver] = useState(() => undefined);
+    function convertTabs() {
+        try {
+            if (typeof props.tabs === "string") {
+                return JSON.parse(props.tabs);
+            }
+            return props.tabs;
+        }
+        catch (error) {
+            console.error(error);
+        }
+        return [];
+    }
+    function evaluateScrollButtons(tList) {
+        const needsScroll = tList.scrollWidth > tList.clientWidth;
+        setShowScrollLeft(needsScroll && tList.scrollLeft > 1);
+        setShowScrollRight(needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth);
+    }
+    function scroll(left) {
+        let step = Number(props.arrowScrollDistance) || 100;
+        if (left) {
+            step *= -1;
+        }
+        scrollContainer?.scrollBy({
+            top: 0,
+            left: step,
+            behavior: "smooth",
+        });
+    }
+    function initTabList() {
+        if (_ref.current) {
+            const tabList = _ref.current.querySelector(".db-tab-list");
+            if (tabList) {
+                const container = tabList.querySelector('[role="tablist"]');
+                if (container) {
+                    container.setAttribute("aria-orientation", props.orientation || "horizontal");
+                    if (props.behavior === "arrows") {
+                        setScrollContainer(container);
+                        evaluateScrollButtons(container);
+                        container.addEventListener("scroll", () => {
+                            evaluateScrollButtons(container);
+                        });
+                        // Use ResizeObserver to re-evaluate scroll buttons because it provides more accurate, container-specific resize detection than global window resize events.
+                        if (!_resizeObserver) {
+                            const observer = new ResizeObserver(() => {
+                                evaluateScrollButtons(container);
+                            });
+                            observer.observe(container);
+                            set_resizeObserver(observer);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    function initTabs(init) {
+        if (_ref.current) {
+            const tabItems = Array.from(_ref.current.getElementsByClassName("db-tab-item"));
+            const tabPanels = Array.from(_ref.current.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
+            for (const tabItem of tabItems) {
+                const index = tabItems.indexOf(tabItem);
+                const label = tabItem.querySelector("label");
+                const input = tabItem.querySelector("input");
+                if (input && label) {
+                    if (!input.id) {
+                        const tabId = `${_name}-tab-${index}`;
+                        label.setAttribute("for", tabId);
+                        input.id = tabId;
+                        input.setAttribute("name", _name);
+                        if (tabPanels.length > index) {
+                            input.setAttribute("aria-controls", `${_name}-tab-panel-${index}`);
+                        }
+                    }
+                    if (init) {
+                        // Auto select
+                        const autoSelect = !props.initialSelectedMode ||
+                            props.initialSelectedMode === "auto";
+                        const shouldAutoSelect = (props.initialSelectedIndex == null && index === 0) ||
+                            Number(props.initialSelectedIndex) === index;
+                        if (autoSelect && shouldAutoSelect) {
+                            input.click();
+                        }
+                    }
+                }
+            }
+            for (const panel of tabPanels) {
+                if (panel.id)
+                    continue;
+                const index = tabPanels.indexOf(panel);
+                panel.id = `${_name}-tab-panel-${index}`;
+                panel.setAttribute("aria-labelledby", `${_name}-tab-${index}`);
+            }
+        }
+    }
+    function handleChange(event) {
+        event.stopPropagation();
+        if (event.target) {
+            const target = event.target;
+            const parent = target.parentElement;
+            if (parent &&
+                parent.parentElement &&
+                parent.parentElement?.nodeName === "LI") {
+                const tabItem = parent.parentElement;
+                if (tabItem) {
+                    const list = tabItem.parentElement;
+                    if (list) {
+                        const tabIndex = Array.from(list.children).indexOf(tabItem);
+                        if (props.onIndexChange) {
+                            props.onIndexChange(tabIndex);
+                        }
+                        if (props.onTabSelect) {
+                            props.onTabSelect(event);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    useEffect(() => {
+        set_name(`tabs-${props.name || uuid}`);
+        setInitialized(true);
+    }, []);
+    useEffect(() => {
+        if (_ref.current && initialized) {
+            initTabList();
+            initTabs(true);
+            const tabList = _ref.current.querySelector(".db-tab-list");
+            if (tabList) {
+                const observer = new MutationObserver((mutations) => {
+                    mutations.forEach((mutation) => {
+                        if (mutation.removedNodes.length || mutation.addedNodes.length) {
+                            initTabList();
+                            initTabs();
+                        }
+                    });
+                });
+                observer.observe(tabList, {
+                    childList: true,
+                    subtree: true,
+                });
+            }
+            setInitialized(false);
+        }
+    }, [_ref.current, initialized]);
+    useEffect(() => {
+        return () => {
+            _resizeObserver?.disconnect();
+            set_resizeObserver(undefined);
+        };
+    }, []);
+    return (_jsxs("div", { 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", "onTabSelect", "onIndexChange"]), id: props.id ?? props.propOverrides?.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-tabs", props.className), "data-orientation": props.orientation, "data-scroll-behavior": props.behavior, "data-alignment": props.alignment ?? "start", "data-width": props.width ?? "auto", onInput: (event) => handleChange(event), onChange: (event) => handleChange(event), children: [showScrollLeft ? (_jsx(DBButton, { className: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: (event) => scroll(true), children: "Scroll left" })) : null, props.tabs ? (_jsxs(_Fragment, { children: [_jsx(DBTabList, { children: convertTabs()?.map((tab, index) => (_jsx(DBTabItem, { active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText }, props.name + "tab-item" + index))) }), convertTabs()?.map((tab, index) => (_jsx(DBTabPanel, { content: tab.content, children: tab.children }, props.name + "tab-panel" + index)))] })) : null, showScrollRight ? (_jsx(DBButton, { className: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: (event) => scroll(), children: "Scroll right" })) : null, props.children] }));
 }
-var g = s(h);
-//#endregion
-export { g as default };
+const DBTabs = forwardRef(DBTabsFn);
+export default DBTabs;

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

@@ -1 +1 @@
-export { default as DBTag } from './tag';
+export { default as DBTag } from './tag.js';

package/dist/components/tag/index.js

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

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

@@ -1,4 +1,4 @@
-import type { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
+import type { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model.js';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagEventsProps = {

package/dist/components/tag/model.js

@@ -1,4 +1 @@
-//#region src/components/tag/model.ts
-var e = ["static", "removable"];
-//#endregion
-export { e as TagBehaviorList };
+export const TagBehaviorList = ['static', 'removable'];

package/dist/components/tag/tag.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTag: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "content" | keyof import("../../shared/model").GlobalProps | "semantic" | "emphasis" | "icon" | "showIcon" | "noText" | keyof import("./model").DBTagDefaultProps | "overflow" | keyof import("./model").DBTagEventsProps> & import("./model").DBTagDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").IconProps & import("../../shared/model").SemanticProps & import("../../shared/model").OverflowProps & import("../../shared/model").EmphasisProps & import("../../shared/model").ShowIconProps & import("../../shared/model").ContentSlotProps & import("./model").DBTagEventsProps & import("../../shared/model").NoTextProps & React.RefAttributes<any>>;
+declare const DBTag: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "content" | keyof import("../../shared/model.js").GlobalProps | "semantic" | "emphasis" | "icon" | "showIcon" | "noText" | keyof import("./model.js").DBTagDefaultProps | "overflow" | keyof import("./model.js").DBTagEventsProps> & import("./model.js").DBTagDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").IconProps & import("../../shared/model.js").SemanticProps & import("../../shared/model.js").OverflowProps & import("../../shared/model.js").EmphasisProps & import("../../shared/model.js").ShowIconProps & import("../../shared/model.js").ContentSlotProps & import("./model.js").DBTagEventsProps & import("../../shared/model.js").NoTextProps & React.RefAttributes<any>>;
 export default DBTag;

package/dist/components/tag/tag.js

@@ -1,93 +1,28 @@
 "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 { DEFAULT_REMOVE as i } from "../../shared/constants.js";
-import a from "../tooltip/tooltip.js";
-import { forwardRef as o, useRef as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/tag/tag.tsx
-function d(o, d) {
-	let f = d || s(d);
-	function p(e) {
-		e && (e.stopPropagation(), o.onRemove && o.onRemove(e));
-	}
-	function m() {
-		return o.removeButton ? o.removeButton : i;
-	}
-	return /* @__PURE__ */ u("div", {
-		ref: f,
-		...e(o, [
-			"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",
-			"onRemove"
-		]),
-		id: o.id ?? o.propOverrides?.id,
-		...t(o, [
-			"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-tag", o.className),
-		"data-semantic": o.semantic,
-		"data-emphasis": o.emphasis,
-		"data-icon": o.icon,
-		"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,
-			o.children,
-			o.behavior === "removable" ? /* @__PURE__ */ l("button", {
-				className: "db-button db-tab-remove-button",
-				"data-icon": "cross",
-				"data-size": "small",
-				"data-no-text": "true",
-				"data-variant": "ghost",
-				type: "button",
-				onClick: (e) => p(e),
-				children: /* @__PURE__ */ l(a, {
-					variant: "label",
-					children: m()
-				})
-			}) : null
-		]
-	});
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { DEFAULT_REMOVE } from "../../shared/constants.js";
+import { cls, getBooleanAsString } from "../../utils/index.js";
+import DBTooltip from "../tooltip/tooltip.js";
+function DBTagFn(props, component) {
+    const _ref = component || useRef(component);
+    function handleRemove(event) {
+        if (!event)
+            return;
+        event.stopPropagation();
+        if (props.onRemove) {
+            props.onRemove(event);
+        }
+    }
+    function getRemoveButtonText() {
+        if (props.removeButton) {
+            return props.removeButton;
+        }
+        // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here
+        return DEFAULT_REMOVE;
+    }
+    return (_jsxs("div", { 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", "onRemove"]), id: props.id ?? props.propOverrides?.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-tag", props.className), "data-semantic": props.semantic, "data-emphasis": props.emphasis, "data-icon": props.icon, "data-show-check-state": getBooleanAsString(props.showCheckState ?? true, "showCheckState"), "data-show-icon": getBooleanAsString(props.showIcon, "showIcon"), "data-no-text": getBooleanAsString(props.noText, "noText"), "data-overflow": getBooleanAsString(props.overflow, "overflow"), children: [_jsx(_Fragment, { children: props.content }), props.text ? _jsx(_Fragment, { children: props.text }) : null, props.children, props.behavior === "removable" ? (_jsx("button", { className: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => handleRemove(event), children: _jsx(DBTooltip, { variant: "label", children: getRemoveButtonText() }) })) : null] }));
 }
-var f = o(d);
-//#endregion
-export { f as default };
+const DBTag = forwardRef(DBTagFn);
+export default DBTag;

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

@@ -1 +1 @@
-export { default as DBTextarea } from './textarea';
+export { default as DBTextarea } from './textarea.js';

package/dist/components/textarea/index.js

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

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

@@ -1,4 +1,4 @@
-import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model.js';
 export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
 export type TextareaResizeType = (typeof TextareaResizeList)[number];
 export declare const TextareaWrapList: readonly ["hard", "soft", "off"];

package/dist/components/textarea/model.js

@@ -1,13 +1,2 @@
-//#region src/components/textarea/model.ts
-var e = [
-	"none",
-	"both",
-	"horizontal",
-	"vertical"
-], t = [
-	"hard",
-	"soft",
-	"off"
-];
-//#endregion
-export { e as TextareaResizeList, t as TextareaWrapList };
+export const TextareaResizeList = ['none', 'both', 'horizontal', 'vertical'];
+export const TextareaWrapList = ['hard', 'soft', 'off'];

package/dist/components/textarea/textarea.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | "value" | keyof import("../../shared/model").CustomFormProps | keyof import("../../shared/model").BaseFormProps | keyof import("../../shared/model").RequiredProps | "showLabel" | keyof import("../../shared/model").FormMessageProps | keyof import("../../shared/model").FormTextProps | keyof import("./model").DBTextareaDefaultProps | keyof import("../../shared/model").ChangeEventProps<HTMLTextAreaElement> | keyof import("../../shared/model").InputEventProps<HTMLTextAreaElement> | keyof import("../../shared/model").FocusEventProps<HTMLTextAreaElement>> & import("./model").DBTextareaDefaultProps & import("../../shared/model").ChangeEventProps<HTMLTextAreaElement> & import("../../shared/model").InputEventProps<HTMLTextAreaElement> & import("../../shared/model").FocusEventProps<HTMLTextAreaElement> & import("../../shared/model").CustomFormProps & import("../../shared/model").BaseFormProps & import("../../shared/model").RequiredProps & import("../../shared/model").ShowLabelProps & import("../../shared/model").ValueProps & import("../../shared/model").GlobalProps & import("../../shared/model").FormTextProps & import("../../shared/model").FormMessageProps & React.RefAttributes<any>>;
+declare const DBTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | "value" | keyof import("../../shared/model.js").CustomFormProps | keyof import("../../shared/model.js").BaseFormProps | keyof import("../../shared/model.js").RequiredProps | "showLabel" | keyof import("../../shared/model.js").FormMessageProps | keyof import("../../shared/model.js").FormTextProps | keyof import("./model.js").DBTextareaDefaultProps | keyof import("../../shared/model.js").ChangeEventProps<HTMLTextAreaElement> | keyof import("../../shared/model.js").InputEventProps<HTMLTextAreaElement> | keyof import("../../shared/model.js").FocusEventProps<HTMLTextAreaElement>> & import("./model.js").DBTextareaDefaultProps & import("../../shared/model.js").ChangeEventProps<HTMLTextAreaElement> & import("../../shared/model.js").InputEventProps<HTMLTextAreaElement> & import("../../shared/model.js").FocusEventProps<HTMLTextAreaElement> & import("../../shared/model.js").CustomFormProps & import("../../shared/model.js").BaseFormProps & import("../../shared/model.js").RequiredProps & import("../../shared/model.js").ShowLabelProps & import("../../shared/model.js").ValueProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").FormTextProps & import("../../shared/model.js").FormMessageProps & React.RefAttributes<any>>;
 export default DBTextarea;