@db-ux/wc-core-components 4.2.6 → 4.2.7-consolidation2-66e78e5

package/dist/custom-elements.json

@@ -8129,7 +8129,7 @@
                   "name": "event",
                   "optional": true,
                   "type": {
-                    "text": "ClickEvent<HTMLButtonElement> | void"
+                    "text": "ClickEvent<HTMLButtonElement> | void | any"
                   }
                 }
               ]
@@ -10886,6 +10886,34 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              },
+              "description": "How much of the referrer to send when following the link.",
+              "resolvedValue": {
+                "name": "referrerpolicy",
+                "type": "LinkReferrerPolicyType",
+                "comment": "How much of the referrer to send when following the link.",
+                "resolvedType": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              }
+            },
+            {
+              "kind": "field",
+              "name": "referrerPolicy",
+              "type": {
+                "text": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              },
+              "description": "How much of the referrer to send when following the link.",
+              "resolvedValue": {
+                "name": "referrerPolicy",
+                "type": "LinkReferrerPolicyType",
+                "comment": "How much of the referrer to send when following the link.",
+                "resolvedType": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              }
+            },
             {
               "kind": "field",
               "name": "hreflang",
@@ -11128,6 +11156,34 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "name": "referrerpolicy",
+              "fieldName": "referrerpolicy",
+              "type": {
+                "text": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              },
+              "description": "How much of the referrer to send when following the link.",
+              "resolvedValue": {
+                "name": "referrerpolicy",
+                "type": "LinkReferrerPolicyType",
+                "comment": "How much of the referrer to send when following the link.",
+                "resolvedType": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              }
+            },
+            {
+              "name": "referrer-policy",
+              "fieldName": "referrerPolicy",
+              "type": {
+                "text": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              },
+              "description": "How much of the referrer to send when following the link.",
+              "resolvedValue": {
+                "name": "referrerPolicy",
+                "type": "LinkReferrerPolicyType",
+                "comment": "How much of the referrer to send when following the link.",
+                "resolvedType": "\"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\""
+              }
+            },
             {
               "name": "hreflang",
               "fieldName": "hreflang",
@@ -19300,6 +19356,1012 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "card-wrapper.showcase.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CardWrapperShowcase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "updateHref",
+              "default": "function updateHref() {}"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "role",
+              "fieldName": "role",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "tagName": "card-wrapper-showcase",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CardWrapperShowcase",
+          "declaration": {
+            "name": "CardWrapperShowcase",
+            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "card-wrapper-showcase",
+          "declaration": {
+            "name": "CardWrapperShowcase",
+            "module": "src/shared/showcase/card-wrapper.showcase.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "container-wrapper.showcase.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ContainerWrapperShowcase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isSubComponent",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isPatternhub",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "getSourceFilePath",
+              "default": "function getSourceFilePath(): string | undefined { if (!this.title) return; const componentName = this.title ?.replace(/^DB/, \"\") .replaceAll(/([A-Z])/g, (match, letter, index) => index > 0 ? `-${letter.toLowerCase()}` : letter.toLowerCase() ); if (componentName && /^[a-z]+(-[a-z]+)*$/.test(componentName)) { return `packages/components/src/components/${componentName}/${componentName}.lite.tsx`; } return; }"
+            },
+            {
+              "kind": "field",
+              "name": "getGitHubSourceUrl",
+              "default": "function getGitHubSourceUrl(): string | undefined { const filePath = this.getSourceFilePath(); if (!filePath) return; const targetBranch = process.env[\"GITHUB_BRANCH\"] ?? process.env[\"BRANCH_NAME\"] ?? \"main\"; return `https://github.com/db-ux-design-system/core-web/blob/${targetBranch}/${filePath}`; }"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "is-sub-component",
+              "fieldName": "isSubComponent",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "is-patternhub",
+              "fieldName": "isPatternhub",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "tagName": "container-wrapper-showcase",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ContainerWrapperShowcase",
+          "declaration": {
+            "name": "ContainerWrapperShowcase",
+            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "container-wrapper-showcase",
+          "declaration": {
+            "name": "ContainerWrapperShowcase",
+            "module": "src/shared/showcase/container-wrapper.showcase.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "link-wrapper.showcase.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LinkWrapperShowcase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "exampleName",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pageParam",
+              "type": {
+                "text": "null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "getPage",
+              "default": "function getPage(): string | undefined { return this.exampleName?.replaceAll(\" \", \"+\").toLowerCase(); }"
+            },
+            {
+              "kind": "field",
+              "name": "getHref",
+              "default": "function getHref(): string { if (typeof window !== \"undefined\") { const hash = window.location.hash; const basePath = hash.includes(\"?\") ? hash.split(\"?\")[0] : hash; return `${basePath}?page=${this.getPage()}`; } return \"\"; }"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "example-name",
+              "fieldName": "exampleName",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "tagName": "link-wrapper-showcase",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LinkWrapperShowcase",
+          "declaration": {
+            "name": "LinkWrapperShowcase",
+            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "link-wrapper-showcase",
+          "declaration": {
+            "name": "LinkWrapperShowcase",
+            "module": "src/shared/showcase/link-wrapper.showcase.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "density.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonDensity",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-density",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonDensity",
+          "declaration": {
+            "name": "ButtonDensity",
+            "module": "src/components/button/examples/density.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-density",
+          "declaration": {
+            "name": "ButtonDensity",
+            "module": "src/components/button/examples/density.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "disabled.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonDisabled",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-disabled",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonDisabled",
+          "declaration": {
+            "name": "ButtonDisabled",
+            "module": "src/components/button/examples/disabled.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-disabled",
+          "declaration": {
+            "name": "ButtonDisabled",
+            "module": "src/components/button/examples/disabled.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "multi-line-text.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonMultiLineText",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-multi-line-text",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonMultiLineText",
+          "declaration": {
+            "name": "ButtonMultiLineText",
+            "module": "src/components/button/examples/multi-line-text.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-multi-line-text",
+          "declaration": {
+            "name": "ButtonMultiLineText",
+            "module": "src/components/button/examples/multi-line-text.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "no-text.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonNoText",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-no-text",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonNoText",
+          "declaration": {
+            "name": "ButtonNoText",
+            "module": "src/components/button/examples/no-text.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-no-text",
+          "declaration": {
+            "name": "ButtonNoText",
+            "module": "src/components/button/examples/no-text.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "show-icon-leading.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonShowIconLeading",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-show-icon-leading",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonShowIconLeading",
+          "declaration": {
+            "name": "ButtonShowIconLeading",
+            "module": "src/components/button/examples/show-icon-leading.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-show-icon-leading",
+          "declaration": {
+            "name": "ButtonShowIconLeading",
+            "module": "src/components/button/examples/show-icon-leading.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "show-icon-trailing.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonShowIconTrailing",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-show-icon-trailing",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonShowIconTrailing",
+          "declaration": {
+            "name": "ButtonShowIconTrailing",
+            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-show-icon-trailing",
+          "declaration": {
+            "name": "ButtonShowIconTrailing",
+            "module": "src/components/button/examples/show-icon-trailing.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "size.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonSize",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-size",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonSize",
+          "declaration": {
+            "name": "ButtonSize",
+            "module": "src/components/button/examples/size.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-size",
+          "declaration": {
+            "name": "ButtonSize",
+            "module": "src/components/button/examples/size.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "variant.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonVariant",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-variant",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonVariant",
+          "declaration": {
+            "name": "ButtonVariant",
+            "module": "src/components/button/examples/variant.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-variant",
+          "declaration": {
+            "name": "ButtonVariant",
+            "module": "src/components/button/examples/variant.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "width.example.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonWidth",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "button-width",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonWidth",
+          "declaration": {
+            "name": "ButtonWidth",
+            "module": "src/components/button/examples/width.example.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-width",
+          "declaration": {
+            "name": "ButtonWidth",
+            "module": "src/components/button/examples/width.example.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "button.showcase.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonShowcase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_ref",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isPatternhub",
+              "type": {
+                "text": "PatternhubProps[\"isPatternhub\"]"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "enableAttributePassing",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  },
+                  "description": "the ref for the component"
+                },
+                {
+                  "name": "customElementSelector",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "the custom element like `my-component`"
+                }
+              ],
+              "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "is-patternhub",
+              "fieldName": "isPatternhub",
+              "type": {
+                "text": "PatternhubProps[\"isPatternhub\"]"
+              }
+            }
+          ],
+          "tagName": "button-showcase",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ButtonShowcase",
+          "declaration": {
+            "name": "ButtonShowcase",
+            "module": "src/components/button/showcase/button.showcase.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "button-showcase",
+          "declaration": {
+            "name": "ButtonShowcase",
+            "module": "src/components/button/showcase/button.showcase.tsx"
+          }
+        }
+      ]
     }
   ]
 }