@db-ux/wc-core-components 4.4.3 → 4.5.1

package/dist/collection/components/checkbox/checkbox.js

@@ -68,6 +68,14 @@ export class DBCheckbox {
             this.focus.emit(event);
         }
     }
+    resetIds() {
+        var _a, _b, _c;
+        const mId = (_c = (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : `checkbox-${uuid()}`;
+        this._id = mId;
+        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
+        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
+        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -105,16 +113,25 @@ export class DBCheckbox {
         }
     }
     watch0Fn() {
+        var _a, _b;
+        if ((_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id) {
+            this.resetIds();
+        }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
         var _a;
         this._invalidMessage =
             this.invalidMessage ||
                 ((_a = this._ref) === null || _a === void 0 ? void 0 : _a.validationMessage) ||
                 DEFAULT_INVALID_MESSAGE;
     }
-    watch0() {
-        this.watch0Fn();
+    watch1() {
+        this.watch1Fn();
     }
-    watch1Fn() {
+    watch2Fn() {
         if (this._id) {
             const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;
             this._messageId = messageId;
@@ -126,10 +143,10 @@ export class DBCheckbox {
             this.handleValidation();
         }
     }
-    watch1() {
-        this.watch1Fn();
+    watch2() {
+        this.watch2Fn();
     }
-    watch2Fn() {
+    watch3Fn() {
         if (this._ref) {
             if (this.indeterminate !== undefined) {
                 // When indeterminate is set, the value of the checked prop only impacts the form submitted values.
@@ -138,10 +155,10 @@ export class DBCheckbox {
             }
         }
     }
-    watch2() {
-        this.watch2Fn();
+    watch3() {
+        this.watch3Fn();
     }
-    watch3Fn() {
+    watch4Fn() {
         if (this.initialized && this._ref) {
             // in angular this must be set via native element
             if (this.checked != undefined) {
@@ -150,10 +167,10 @@ export class DBCheckbox {
             this.initialized = false;
         }
     }
-    watch3() {
-        this.watch3Fn();
+    watch4() {
+        this.watch4Fn();
     }
-    watch4Fn() {
+    watch5Fn() {
         if (this._ref) {
             const defaultChecked = undefined;
             let controller = this.abortController;
@@ -169,24 +186,20 @@ export class DBCheckbox {
             }, controller.signal);
         }
     }
-    watch4() {
-        this.watch4Fn();
+    watch5() {
+        this.watch5Fn();
     }
     componentDidLoad() {
-        var _a;
         this.enableAttributePassing(this._ref, "db-checkbox");
         this.initialized = true;
-        const mId = (_a = this.id) !== null && _a !== void 0 ? _a : `checkbox-${uuid()}`;
-        this._id = mId;
-        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
-        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
-        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+        this.resetIds();
         this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;
         this.watch0Fn();
         this.watch1Fn();
         this.watch2Fn();
         this.watch3Fn();
         this.watch4Fn();
+        this.watch5Fn();
     }
     disconnectedCallback() {
         var _a;
@@ -194,18 +207,18 @@ export class DBCheckbox {
     }
     render() {
         var _a;
-        return (h("div", { key: '14207f00c5b68441e94201de7569324756b657d7', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '577bdb32a38254f72a969d6da16fb220c620e156', htmlFor: this._id }, h("input", { key: 'ecbed0f4b8347617f2cc6d017b09a56d495b922d', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        return (h("div", { key: '4238fbd4e76d437554f9b6164d007f1039d4de80', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '8d8743528e8ef8d117233e5de2957a78e37b0436', htmlFor: this._id }, h("input", { key: '631676480151dd94bca3c10cd1ccaf29f307b235', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
                 this._ref = el;
-            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'eae86bcaa2fe6e0fe39249fa5f9a7ae13e172f63', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '420c4244393b3ee266c374db1662dacfa43a0bce', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '986898b076efd93c970c6656ff44f9b949a63c1c', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '651eadfb4cbeaa60405335c76aef0c671b02851c', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-checkbox"; }
     static get properties() {
         return {
-            "id": {
+            "invalidMessage": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCheckboxProps[\"id\"]",
+                    "original": "DBCheckboxProps[\"invalidMessage\"]",
                     "resolved": "string",
                     "references": {
                         "DBCheckboxProps": {
@@ -225,13 +238,13 @@ export class DBCheckbox {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "id"
+                "attribute": "invalid-message"
             },
-            "invalidMessage": {
+            "id": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCheckboxProps[\"invalidMessage\"]",
+                    "original": "DBCheckboxProps[\"id\"]",
                     "resolved": "string",
                     "references": {
                         "DBCheckboxProps": {
@@ -251,7 +264,31 @@ export class DBCheckbox {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "invalid-message"
+                "attribute": "id"
+            },
+            "propOverrides": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCheckboxProps[\"propOverrides\"]",
+                    "resolved": "{ id?: string; }",
+                    "references": {
+                        "DBCheckboxProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/checkbox/model.ts::DBCheckboxProps",
+                            "referenceLocation": "DBCheckboxProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
             },
             "message": {
                 "type": "string",
@@ -760,22 +797,19 @@ export class DBCheckbox {
     }
     static get watchers() {
         return [{
-                "propName": "_ref",
+                "propName": "id",
                 "methodName": "watch0"
             }, {
-                "propName": "invalidMessage",
+                "propName": "propOverrides?.id",
                 "methodName": "watch0"
             }, {
-                "propName": "_id",
+                "propName": "_ref",
                 "methodName": "watch1"
             }, {
-                "propName": "initialized",
-                "methodName": "watch2"
-            }, {
-                "propName": "_ref",
-                "methodName": "watch2"
+                "propName": "invalidMessage",
+                "methodName": "watch1"
             }, {
-                "propName": "indeterminate",
+                "propName": "_id",
                 "methodName": "watch2"
             }, {
                 "propName": "initialized",
@@ -784,11 +818,20 @@ export class DBCheckbox {
                 "propName": "_ref",
                 "methodName": "watch3"
             }, {
-                "propName": "checked",
+                "propName": "indeterminate",
                 "methodName": "watch3"
+            }, {
+                "propName": "initialized",
+                "methodName": "watch4"
             }, {
                 "propName": "_ref",
                 "methodName": "watch4"
+            }, {
+                "propName": "checked",
+                "methodName": "watch4"
+            }, {
+                "propName": "_ref",
+                "methodName": "watch5"
             }];
     }
 }

package/dist/collection/components/custom-button/custom-button.js

@@ -0,0 +1,394 @@
+import { cls, getBooleanAsString } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBCustomButton {
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr && attr.name !== 'data-density' &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                else if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-custom-button");
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { key: '3360941151b3648c3b03e8d1e231798e751b6445', class: cls("db-custom-button", this.className), ref: (el) => {
+                this._ref = el;
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-no-text": getBooleanAsString(this.noText) }, h("slot", { key: '5991018ad35e6c9e04febd57a3affb0d0f81513f' })));
+    }
+    static get is() { return "db-custom-button"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "id"
+            },
+            "propOverrides": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"propOverrides\"]",
+                    "resolved": "{ id?: string; }",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "className": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "classname"
+            },
+            "iconLeading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"iconLeading\"]",
+                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon-leading"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"icon\"]",
+                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
+            },
+            "showIconLeading": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"showIconLeading\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon-leading"
+            },
+            "showIcon": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"showIcon\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon"
+            },
+            "iconTrailing": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"iconTrailing\"]",
+                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon-trailing"
+            },
+            "showIconTrailing": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"showIconTrailing\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-icon-trailing"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"size\"]",
+                    "resolved": "\"medium\" | \"small\"",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"width\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "width"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"variant\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant"
+            },
+            "noText": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBCustomButtonProps[\"noText\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBCustomButtonProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/custom-button/model.ts::DBCustomButtonProps",
+                            "referenceLocation": "DBCustomButtonProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "no-text"
+            }
+        };
+    }
+}

package/dist/collection/components/custom-button/index.js

@@ -0,0 +1,2 @@
+import { DBCustomButton } from "./custom-button";
+export default DBCustomButton;

package/dist/collection/components/custom-button/model.js

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