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

package/dist/components/brand/brand.js

@@ -1,62 +1,12 @@
 "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 "../../shared/constants.js";
-import { forwardRef as i, useRef as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/brand/brand.tsx
-function l(i, l) {
-	return /* @__PURE__ */ c("div", {
-		ref: l || a(l),
-		...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"
-		]),
-		"data-icon": i.hideLogo ? "none" : i.icon ?? "brand",
-		"data-show-icon": r(i.showIcon, "showIcon"),
-		id: i.id ?? i.propOverrides?.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-brand", i.className),
-		children: [i.children, i.text ? /* @__PURE__ */ s(o, { children: i.text }) : 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_ICON } from "../../shared/constants.js";
+import { cls, getBooleanAsString } from "../../utils/index.js";
+function DBBrandFn(props, component) {
+    const _ref = component || useRef(component);
+    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"]), "data-icon": props.hideLogo ? "none" : props.icon ?? DEFAULT_ICON, "data-show-icon": getBooleanAsString(props.showIcon, "showIcon"), 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-brand", props.className), children: [props.children, props.text ? _jsx(_Fragment, { children: props.text }) : null] }));
 }
-var u = i(l);
-//#endregion
-export { u as default };
+const DBBrand = forwardRef(DBBrandFn);
+export default DBBrand;

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

@@ -1 +1 @@
-export { default as DBBrand } from './brand';
+export { default as DBBrand } from './brand.js';

package/dist/components/brand/index.js

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

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

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model.js';
 export type DBBrandDefaultProps = {
     /**
      * @deprecated: Disable the default logo svg to pass in a custom `img`

package/dist/components/brand/model.js

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

package/dist/components/button/button.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<any>, keyof import("../..").GlobalProps | "text" | "variant" | "size" | "wrap" | "icon" | "showIcon" | keyof import("./model").DBButtonDefaultProps | keyof import("../..").ClickEventProps<HTMLButtonElement> | "width" | "showIconLeading" | "showIconTrailing" | "iconLeading" | "iconTrailing" | "noText"> & import("./model").DBButtonDefaultProps & import("./model").DBButtonSharedProps & import("../..").GlobalProps & import("../..").ClickEventProps<HTMLButtonElement> & import("../..").IconProps & import("../..").WidthProps & import("../..").SizeProps & import("../..").ShowIconProps & import("../..").TextProps & import("../..").ShowIconLeadingProps & import("../..").ShowIconTrailingProps & import("../..").IconLeadingProps & import("../..").IconTrailingProps & import("../..").WrapProps & import("../..").NoTextProps & React.RefAttributes<any>>;
+declare const DBButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<any>, keyof import("../../index.js").GlobalProps | "text" | "variant" | "size" | "wrap" | "icon" | "showIcon" | keyof import("./model.js").DBButtonDefaultProps | keyof import("../../index.js").ClickEventProps<HTMLButtonElement> | "width" | "showIconLeading" | "showIconTrailing" | "iconLeading" | "iconTrailing" | "noText"> & import("./model.js").DBButtonDefaultProps & import("./model.js").DBButtonSharedProps & import("../../index.js").GlobalProps & import("../../index.js").ClickEventProps<HTMLButtonElement> & import("../../index.js").IconProps & import("../../index.js").WidthProps & import("../../index.js").SizeProps & import("../../index.js").ShowIconProps & import("../../index.js").TextProps & import("../../index.js").ShowIconLeadingProps & import("../../index.js").ShowIconTrailingProps & import("../../index.js").IconLeadingProps & import("../../index.js").IconTrailingProps & import("../../index.js").WrapProps & import("../../index.js").NoTextProps & React.RefAttributes<any>>;
 export default DBButton;

package/dist/components/button/button.js

@@ -1,77 +1,21 @@
 "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, useRef as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/button/button.tsx
-function u(a, u) {
-	let d = u || o(u);
-	function f() {
-		return a.type ? a.type : a.onClick ? "button" : "submit";
-	}
-	return /* @__PURE__ */ l("button", {
-		ref: d,
-		...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-button", a.className),
-		type: f(),
-		disabled: r(a.disabled, "disabled"),
-		"data-icon": a.iconLeading ?? a.icon,
-		"data-show-icon": i(a.showIconLeading, "showIconLeading") || i(a.showIcon, "showIcon"),
-		"data-icon-trailing": a.iconTrailing,
-		"data-show-icon-trailing": i(a.showIconTrailing, "showIconTrailing"),
-		"data-size": a.size,
-		"data-width": a.width,
-		"data-variant": a.variant,
-		"data-wrap": i(a.wrap, "wrap"),
-		"data-no-text": i(a.noText, "noText"),
-		name: a.name,
-		form: a.form,
-		value: a.value,
-		children: [a.text ? /* @__PURE__ */ c(s, { children: a.text }) : null, a.children]
-	});
+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 { cls, getBoolean, getBooleanAsString } from "../../utils/index.js";
+function DBButtonFn(props, component) {
+    const _ref = component || useRef(component);
+    function getButtonType() {
+        if (props.type) {
+            return props.type;
+        }
+        else if (props.onClick) {
+            return "button";
+        }
+        return "submit";
+    }
+    return (_jsxs("button", { 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-button", props.className), type: getButtonType(), disabled: getBoolean(props.disabled, "disabled"), "data-icon": props.iconLeading ?? props.icon, "data-show-icon": getBooleanAsString(props.showIconLeading, "showIconLeading") ||
+            getBooleanAsString(props.showIcon, "showIcon"), "data-icon-trailing": props.iconTrailing, "data-show-icon-trailing": getBooleanAsString(props.showIconTrailing, "showIconTrailing"), "data-size": props.size, "data-width": props.width, "data-variant": props.variant, "data-wrap": getBooleanAsString(props.wrap, "wrap"), "data-no-text": getBooleanAsString(props.noText, "noText"), name: props.name, form: props.form, value: props.value, children: [props.text ? _jsx(_Fragment, { children: props.text }) : null, props.children] }));
 }
-var d = a(u);
-//#endregion
-export { d as default };
+const DBButton = forwardRef(DBButtonFn);
+export default DBButton;

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

@@ -1 +1 @@
-export { default as DBButton } from './button';
+export { default as DBButton } from './button.js';

package/dist/components/button/index.js

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

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

@@ -1,4 +1,4 @@
-import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model.js';
 export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
 export type ButtonVariantType = (typeof ButtonVariantList)[number];
 export declare const ButtonTypeList: readonly ["button", "reset", "submit"];

package/dist/components/button/model.js

@@ -1,13 +1,2 @@
-//#region src/components/button/model.ts
-var e = [
-	"outlined",
-	"brand",
-	"filled",
-	"ghost"
-], t = [
-	"button",
-	"reset",
-	"submit"
-];
-//#endregion
-export { t as ButtonTypeList, e as ButtonVariantList };
+export const ButtonVariantList = ['outlined', 'brand', 'filled', 'ghost'];
+export const ButtonTypeList = ['button', 'reset', 'submit'];

package/dist/components/card/card.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBCard: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | keyof import("./model").DBCardDefaultProps | keyof import("../../shared/model").ClickEventProps<HTMLElement> | "spacing"> & import("./model").DBCardDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").ClickEventProps<HTMLElement> & import("../../shared/model").SpacingProps & React.RefAttributes<any>>;
+declare const DBCard: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | keyof import("./model.js").DBCardDefaultProps | keyof import("../../shared/model.js").ClickEventProps<HTMLElement> | "spacing"> & import("./model.js").DBCardDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").ClickEventProps<HTMLElement> & import("../../shared/model.js").SpacingProps & React.RefAttributes<any>>;
 export default DBCard;

package/dist/components/card/card.js

@@ -1,67 +1,16 @@
 "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/card/card.tsx
-function o(r, o) {
-	let s = o || i(o);
-	function c(e) {
-		r.onClick && r.onClick(e);
-	}
-	return /* @__PURE__ */ a("div", {
-		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-card", r.className),
-		"data-behavior": r.behavior,
-		"data-elevation-level": r.elevationLevel,
-		"data-spacing": r.spacing,
-		onClick: (e) => c(e),
-		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 DBCardFn(props, component) {
+    const _ref = component || useRef(component);
+    function handleClick(event) {
+        if (props.onClick) {
+            props.onClick(event);
+        }
+    }
+    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, ...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-card", props.className), "data-behavior": props.behavior, "data-elevation-level": props.elevationLevel, "data-spacing": props.spacing, onClick: (event) => handleClick(event), children: props.children }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBCard = forwardRef(DBCardFn);
+export default DBCard;

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

@@ -1 +1 @@
-export { default as DBCard } from './card';
+export { default as DBCard } from './card.js';

package/dist/components/card/index.js

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

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

@@ -1,4 +1,4 @@
-import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model.js';
 export declare const CardBehaviorList: readonly ["static", "interactive"];
 export type CardBehaviorType = (typeof CardBehaviorList)[number];
 export declare const CardElevationLevelList: readonly ["1", "2", "3"];

package/dist/components/card/model.js

@@ -1,8 +1,2 @@
-//#region src/components/card/model.ts
-var e = ["static", "interactive"], t = [
-	"1",
-	"2",
-	"3"
-];
-//#endregion
-export { e as CardBehaviorList, t as CardElevationLevelList };
+export const CardBehaviorList = ['static', 'interactive'];
+export const CardElevationLevelList = ['1', '2', '3'];

package/dist/components/checkbox/checkbox.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBCheckbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<any>, keyof import("../../shared/model").GlobalProps | "value" | "size" | "indeterminate" | keyof import("../../shared/model").ChangeEventProps<HTMLInputElement> | keyof import("../../shared/model").FocusEventProps<HTMLInputElement> | keyof import("../../shared/model").CustomFormProps | keyof import("../../shared/model").BaseFormProps | keyof import("../../shared/model").RequiredProps | "showLabel" | "checked" | keyof import("../../shared/model").FormMessageProps> & import("./model").DBCheckboxDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").ChangeEventProps<HTMLInputElement> & import("../../shared/model").FocusEventProps<HTMLInputElement> & import("../../shared/model").CustomFormProps & import("../../shared/model").BaseFormProps & import("../../shared/model").RequiredProps & import("../../shared/model").ShowLabelProps & import("../../shared/model").ValueProps & import("../../shared/model").FormCheckProps & import("../../shared/model").FormMessageProps & import("../../shared/model").SizeProps & React.RefAttributes<any>>;
+declare const DBCheckbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<any>, keyof import("../../shared/model.js").GlobalProps | "value" | "size" | "indeterminate" | keyof import("../../shared/model.js").ChangeEventProps<HTMLInputElement> | keyof import("../../shared/model.js").FocusEventProps<HTMLInputElement> | keyof import("../../shared/model.js").CustomFormProps | keyof import("../../shared/model.js").BaseFormProps | keyof import("../../shared/model.js").RequiredProps | "showLabel" | "checked" | keyof import("../../shared/model.js").FormMessageProps> & import("./model.js").DBCheckboxDefaultProps & import("../../shared/model.js").GlobalProps & import("../../shared/model.js").ChangeEventProps<HTMLInputElement> & import("../../shared/model.js").FocusEventProps<HTMLInputElement> & 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").FormCheckProps & import("../../shared/model.js").FormMessageProps & import("../../shared/model.js").SizeProps & React.RefAttributes<any>>;
 export default DBCheckbox;