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

package/dist/components/custom-select/index.d.ts

@@ -1 +1 @@
-export { default as DBCustomSelect } from './custom-select';
+export { default as DBCustomSelect } from './custom-select.js';

package/dist/components/custom-select/index.js

@@ -0,0 +1 @@
+export { default as DBCustomSelect } from './custom-select.js';

package/dist/components/custom-select/model.d.ts

@@ -1,7 +1,7 @@
-import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
-import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
-import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
-import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
+import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model.js';
+import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model.js';
+import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model.js';
+import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model.js';
 export type CustomSelectOptionType = {
     /**
      * Disables this option

package/dist/components/custom-select/model.js

@@ -1,8 +1 @@
-//#region src/components/custom-select/model.ts
-var e = [
-	"amount",
-	"text",
-	"tag"
-];
-//#endregion
-export { e as SelectedTypeList };
+export const SelectedTypeList = ['amount', 'text', 'tag'];

package/dist/components/custom-select-dropdown/custom-select-dropdown.d.ts

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

package/dist/components/custom-select-dropdown/custom-select-dropdown.js

@@ -1,64 +1,12 @@
 "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/custom-select-dropdown/custom-select-dropdown.tsx
-function o(r, o) {
-	return r = {
-		width: "fixed",
-		...r
-	}, /* @__PURE__ */ a("article", {
-		"data-spacing": "none",
-		ref: o || i(o),
-		...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 ?? r.propOverrides?.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-custom-select-dropdown db-card", r.className),
-		"data-width": r.width,
-		children: r.children
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+function DBCustomSelectDropdownFn(props, component) {
+    props = { width: "fixed", ...props };
+    const _ref = component || useRef(component);
+    return (_jsx("article", { "data-spacing": "none", 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 ?? 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-custom-select-dropdown db-card", props.className), "data-width": props.width, children: props.children }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBCustomSelectDropdown = forwardRef(DBCustomSelectDropdownFn);
+export default DBCustomSelectDropdown;

package/dist/components/custom-select-dropdown/index.d.ts

@@ -1 +1 @@
-export { default as DBCustomSelectDropdown } from './custom-select-dropdown';
+export { default as DBCustomSelectDropdown } from './custom-select-dropdown.js';

package/dist/components/custom-select-dropdown/index.js

@@ -0,0 +1 @@
+export { default as DBCustomSelectDropdown } from './custom-select-dropdown.js';

package/dist/components/custom-select-dropdown/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
 export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
 export type DBCustomSelectDropdownDefaultProps = {

package/dist/components/custom-select-dropdown/model.js

@@ -1,8 +1 @@
-//#region src/components/custom-select-dropdown/model.ts
-var e = [
-	"fixed",
-	"auto",
-	"full"
-];
-//#endregion
-export { e as CustomSelectDropdownWidthList };
+export const CustomSelectDropdownWidthList = ['fixed', 'auto', 'full'];

package/dist/components/custom-select-form-field/custom-select-form-field.d.ts

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

package/dist/components/custom-select-form-field/custom-select-form-field.js

@@ -1,59 +1,11 @@
 "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/custom-select-form-field/custom-select-form-field.tsx
-function o(r, o) {
-	return /* @__PURE__ */ a("summary", {
-		ref: o || i(o),
-		...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 ?? r.propOverrides?.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-custom-select-form-field", r.className),
-		children: r.children
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+function DBCustomSelectFormFieldFn(props, component) {
+    const _ref = component || useRef(component);
+    return (_jsx("summary", { 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 ?? 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-custom-select-form-field", props.className), children: props.children }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBCustomSelectFormField = forwardRef(DBCustomSelectFormFieldFn);
+export default DBCustomSelectFormField;

package/dist/components/custom-select-form-field/index.d.ts

@@ -1 +1 @@
-export { default as DBCustomSelectFormField } from './custom-select-form-field';
+export { default as DBCustomSelectFormField } from './custom-select-form-field.js';

package/dist/components/custom-select-form-field/index.js

@@ -0,0 +1 @@
+export { default as DBCustomSelectFormField } from './custom-select-form-field.js';

package/dist/components/custom-select-form-field/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBCustomSelectFormFieldDefaultProps = {};
 export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
 export type DBCustomSelectFormFieldDefaultState = {};

package/dist/components/custom-select-form-field/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/custom-select-list/custom-select-list.d.ts

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

package/dist/components/custom-select-list/custom-select-list.js

@@ -1,62 +1,11 @@
 "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/custom-select-list/custom-select-list.tsx
-function o(r, o) {
-	let s = o || i(o);
-	return /* @__PURE__ */ a("div", {
-		role: r.multiple ? "group" : "radiogroup",
-		"aria-label": r.label,
-		ref: s,
-		...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 ?? r.propOverrides?.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-custom-select-list", r.className),
-		children: /* @__PURE__ */ a("ul", { children: r.children })
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+function DBCustomSelectListFn(props, component) {
+    const _ref = component || useRef(component);
+    return (_jsx("div", { role: props.multiple ? "group" : "radiogroup", "aria-label": props.label, 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 ?? 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-custom-select-list", props.className), children: _jsx("ul", { children: props.children }) }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBCustomSelectList = forwardRef(DBCustomSelectListFn);
+export default DBCustomSelectList;

package/dist/components/custom-select-list/index.d.ts

@@ -1 +1 @@
-export { default as DBCustomSelectList } from './custom-select-list';
+export { default as DBCustomSelectList } from './custom-select-list.js';

package/dist/components/custom-select-list/index.js

@@ -0,0 +1 @@
+export { default as DBCustomSelectList } from './custom-select-list.js';

package/dist/components/custom-select-list/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBCustomSelectListDefaultProps = {
     label?: string;
     multiple?: boolean;

package/dist/components/custom-select-list/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/custom-select-list-item/custom-select-list-item.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-declare const DBCustomSelectListItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | "value" | "icon" | "showIcon" | keyof import("../../shared/model").ChangeEventProps<HTMLInputElement> | keyof import("../../shared/model").BaseFormProps | "checked" | keyof import("./model").DBCustomSelectListItemDefaultProps | "isGroupTitle" | "showDivider"> & import("./model").DBCustomSelectListItemDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").BaseFormProps & import("../../shared/model").ValueProps & import("../../shared/model").FormCheckProps & import("../../shared/model").ChangeEventProps<HTMLInputElement> & {
+declare const DBCustomSelectListItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | "value" | "icon" | "showIcon" | keyof import("../../shared/model.js").ChangeEventProps<HTMLInputElement> | keyof import("../../shared/model.js").BaseFormProps | "checked" | keyof import("./model.js").DBCustomSelectListItemDefaultProps | "isGroupTitle" | "showDivider"> & import("./model.js").DBCustomSelectListItemDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").BaseFormProps & import("../../shared/model.js").ValueProps & import("../../shared/model.js").FormCheckProps & import("../../shared/model.js").ChangeEventProps<HTMLInputElement> & {
     isGroupTitle?: boolean;
     showDivider?: boolean;
-} & import("../../shared/model").IconProps & import("../../shared/model").ShowIconProps & React.RefAttributes<any>>;
+} & import("../../shared/model.js").IconProps & import("../../shared/model.js").ShowIconProps & React.RefAttributes<any>>;
 export default DBCustomSelectListItem;

package/dist/components/custom-select-list-item/custom-select-list-item.js

@@ -1,91 +1,30 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n, getBoolean as r, getBooleanAsString as i } from "../../utils/index.js";
-import { forwardRef as a, useEffect as o, useRef as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/custom-select-list-item/custom-select-list-item.tsx
-function f(a, f) {
-	let p = f || s(f), [m, h] = c(() => !1);
-	function g(e) {
-		e.stopPropagation(), a.onChange && a.onChange(e);
-	}
-	function _() {
-		if (!(a.isGroupTitle || a.type === "checkbox")) return r(a.checked, "checked") ? "check" : "x_placeholder";
-	}
-	return o(() => {
-		h(!!(a.isGroupTitle || a.showDivider));
-	}, [a.isGroupTitle, a.showDivider]), /* @__PURE__ */ u("li", {
-		ref: p,
-		...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 ?? a.propOverrides?.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-custom-select-list-item", a.className, {
-			"db-checkbox": a.type === "checkbox" && !a.isGroupTitle,
-			"db-radio": a.type !== "checkbox" && !a.isGroupTitle
-		}),
-		"data-divider": i(m, "hasDivider"),
-		children: a.isGroupTitle ? /* @__PURE__ */ u("span", { children: a.groupTitle }) : /* @__PURE__ */ d("label", {
-			"data-icon": a.type !== "checkbox" && a.icon ? a.icon : void 0,
-			"data-show-icon": i(a.showIcon, "showIcon"),
-			"data-icon-trailing": _(),
-			children: [
-				/* @__PURE__ */ u("input", {
-					className: "db-custom-select-list-item-checkbox",
-					"data-disable-focus": "true",
-					type: a.type,
-					name: a.name,
-					form: a.name,
-					checked: r(a.checked, "checked"),
-					disabled: r(a.disabled, "disabled"),
-					value: a.value,
-					onChange: (e) => g(e)
-				}),
-				a.label ? /* @__PURE__ */ u(l, { children: a.label }) : null,
-				a.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, getBoolean, getBooleanAsString } from "../../utils/index.js";
+function DBCustomSelectListItemFn(props, component) {
+    const _ref = component || useRef(component);
+    const [hasDivider, setHasDivider] = useState(() => false);
+    function handleChange(event) {
+        event.stopPropagation();
+        if (props.onChange) {
+            props.onChange(event);
+        }
+    }
+    function getIconTrailing() {
+        if (props.isGroupTitle || props.type === "checkbox") {
+            return;
+        }
+        return getBoolean(props.checked, "checked") ? "check" : "x_placeholder";
+    }
+    useEffect(() => {
+        setHasDivider(Boolean(props.isGroupTitle || props.showDivider));
+    }, [props.isGroupTitle, props.showDivider]);
+    return (_jsx("li", { 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 ?? 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-custom-select-list-item", props.className, {
+            "db-checkbox": props.type === "checkbox" && !props.isGroupTitle,
+            "db-radio": props.type !== "checkbox" && !props.isGroupTitle,
+        }), "data-divider": getBooleanAsString(hasDivider, "hasDivider"), children: !props.isGroupTitle ? (_jsxs("label", { "data-icon": props.type !== "checkbox" && props.icon ? props.icon : undefined, "data-show-icon": getBooleanAsString(props.showIcon, "showIcon"), "data-icon-trailing": getIconTrailing(), children: [_jsx("input", { className: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: props.type, name: props.name, form: props.name, checked: getBoolean(props.checked, "checked"), disabled: getBoolean(props.disabled, "disabled"), value: props.value, onChange: (event) => handleChange(event) }), _jsxs("span", { className: "db-custom-select-list-item-label", children: [props.label ? _jsx(_Fragment, { children: props.label }) : null, props.children] })] })) : (_jsx("span", { children: props.groupTitle })) }));
 }
-var p = a(f);
-//#endregion
-export { p as default };
+const DBCustomSelectListItem = forwardRef(DBCustomSelectListItemFn);
+export default DBCustomSelectListItem;

package/dist/components/custom-select-list-item/index.d.ts

@@ -1 +1 @@
-export { default as DBCustomSelectListItem } from './custom-select-list-item';
+export { default as DBCustomSelectListItem } from './custom-select-list-item.js';

package/dist/components/custom-select-list-item/index.js

@@ -0,0 +1 @@
+export { default as DBCustomSelectListItem } from './custom-select-list-item.js';

package/dist/components/custom-select-list-item/model.d.ts

@@ -1,4 +1,4 @@
-import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
+import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model.js';
 export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
 export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
 export type DBCustomSelectListItemExtraProps = {

package/dist/components/custom-select-list-item/model.js

@@ -1,4 +1 @@
-//#region src/components/custom-select-list-item/model.ts
-var e = ["checkbox", "radio"];
-//#endregion
-export { e as CustomSelectListItemTypeList };
+export const CustomSelectListItemTypeList = ['checkbox', 'radio'];

package/dist/components/divider/divider.d.ts

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

package/dist/components/divider/divider.js

@@ -1,62 +1,11 @@
 "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/divider/divider.tsx
-function o(r, o) {
-	return /* @__PURE__ */ a("div", {
-		ref: o || i(o),
-		...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 ?? r.propOverrides?.id,
-		"data-margin": r.margin,
-		"data-variant": r.variant,
-		"data-emphasis": r.emphasis,
-		"data-width": r.width,
-		...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-divider", r.className)
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+function DBDividerFn(props, component) {
+    const _ref = component || useRef(component);
+    return (_jsx("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"]), id: props.id ?? props.propOverrides?.id, "data-margin": props.margin, "data-variant": props.variant, "data-emphasis": props.emphasis, "data-width": props.width, ...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-divider", props.className) }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBDivider = forwardRef(DBDividerFn);
+export default DBDivider;

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

@@ -1 +1 @@
-export { default as DBDivider } from './divider';
+export { default as DBDivider } from './divider.js';

package/dist/components/divider/index.js

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

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

@@ -1,4 +1,4 @@
-import type { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model.js';
 export declare const DividerMarginList: readonly ["none", "_"];
 export type DividerMarginType = (typeof DividerMarginList)[number];
 export declare const DividerVariantList: readonly ["horizontal", "vertical"];

package/dist/components/divider/model.js

@@ -1,4 +1,2 @@
-//#region src/components/divider/model.ts
-var e = ["none", "_"], t = ["horizontal", "vertical"];
-//#endregion
-export { e as DividerMarginList, t as DividerVariantList };
+export const DividerMarginList = ['none', '_'];
+export const DividerVariantList = ['horizontal', 'vertical'];

package/dist/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model";
-declare const DBDrawer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | "width" | "spacing" | keyof import("./model").DBDrawerDefaultProps | keyof import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> | keyof import("../../shared/model").InnerCloseButtonProps> & import("./model").DBDrawerDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & import("../../shared/model").InnerCloseButtonProps & import("../../shared/model").WidthProps & import("../../shared/model").SpacingProps & React.RefAttributes<any>>;
+import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model.js";
+declare const DBDrawer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | "width" | "spacing" | keyof import("./model.js").DBDrawerDefaultProps | keyof import("../../shared/model.js").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> | keyof import("../../shared/model.js").InnerCloseButtonProps> & import("./model.js").DBDrawerDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & import("../../shared/model.js").InnerCloseButtonProps & import("../../shared/model.js").WidthProps & import("../../shared/model.js").SpacingProps & React.RefAttributes<any>>;
 export default DBDrawer;