diff --git a/review/test-cicd-sr-playwright-shard/404.html b/review/test-cicd-sr-playwright-shard/404.html new file mode 100644 index 000000000000..69ae781b8fdb --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/404.html @@ -0,0 +1 @@ +DB UX
\ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/action/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-display/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/data-input/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/feedback/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/layout/stack/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/stack/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover/overview.json b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover/overview.json new file mode 100644 index 000000000000..70c8d10acbd3 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/data/1GrabQ8UBapJcQudnWRdZ/components/utilities/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_buildManifest.js b/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_buildManifest.js new file mode 100644 index 000000000000..30e88bf65d05 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST=function(o,s,t,n,a,c,e,i,p,d){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:i,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:c,numHashes:i,bitArray:[]},"/":[s,n,o,t,"static/chunks/pages/index-62d25f8859d73dbd.js"],"/404":["static/chunks/pages/404-1dc374602206b6dd.js"],"/_error":["static/chunks/pages/_error-4ce22c25a5e1e628.js"],"/base64":[p,"static/chunks/pages/base64-83b2506c26f0a7fc.js"],"/components/accordion/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion/docs/Angular-d0e6115df8f0ca39.js"],"/components/accordion/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion/docs/HTML-0ab93be2208e4ca7.js"],"/components/accordion/docs/React":[s,o,t,"static/chunks/pages/components/accordion/docs/React-9b0992718baaffdc.js"],"/components/accordion/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion/docs/Vue-42c312059dc975b1.js"],"/components/accordion/properties":[s,o,t,"static/chunks/pages/components/accordion/properties-32ffebd05289362d.js"],"/components/accordion-item/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Angular-4f0d94e60201602f.js"],"/components/accordion-item/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion-item/docs/HTML-70cc87bed7cc6e81.js"],"/components/accordion-item/docs/React":[s,o,t,"static/chunks/pages/components/accordion-item/docs/React-791bd6a5c17f9a7e.js"],"/components/accordion-item/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Vue-e205f22634dcdb16.js"],"/components/accordion-item/properties":[s,o,t,"static/chunks/pages/components/accordion-item/properties-0a3f38c741d00a95.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-33ac13816d5fc4f8.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-7b7b78527d392e70.js"],"/components/action/button/docs/Migration":[d,"static/chunks/pages/components/action/button/docs/Migration-d26f964ebfaadff4.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-3e1d8cd8cd234757.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-c8870376930ee8f2.js"],"/components/action/button/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/button/how-to-use-cb212d726d928275.js"],"/components/action/button/migration":[s,n,o,t,d,"static/chunks/pages/components/action/button/migration-8781b40ac1ac3eb7.js"],"/components/action/button/properties":[s,n,o,t,"static/chunks/pages/components/action/button/properties-6b986c1748c4f463.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-4bc0e7d86f5a1ad9.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-049295efcea146e1.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-991cd42d0ca5e178.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-91651a2afe21c630.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-389e45cdc17e0986.js"],"/components/action/link/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/link/how-to-use-02d354240e7ad613.js"],"/components/action/link/migration":[s,n,o,t,"static/chunks/pages/components/action/link/migration-ac14edfc743397c5.js"],"/components/action/link/properties":[s,n,o,t,"static/chunks/pages/components/action/link/properties-77afe5b403be66b6.js"],"/components/badge/docs/Angular":[s,o,t,"static/chunks/pages/components/badge/docs/Angular-67155d6afbd9351a.js"],"/components/badge/docs/HTML":[s,o,t,"static/chunks/pages/components/badge/docs/HTML-7a1e66e0896ad9e6.js"],"/components/badge/docs/React":[s,o,t,"static/chunks/pages/components/badge/docs/React-a3087a355375b7ac.js"],"/components/badge/docs/Vue":[s,o,t,"static/chunks/pages/components/badge/docs/Vue-690c79ef779c1745.js"],"/components/badge/properties":[s,o,t,"static/chunks/pages/components/badge/properties-8dc97b6372750463.js"],"/components/brand/docs/Angular":[s,o,t,"static/chunks/pages/components/brand/docs/Angular-4f9bf7ff5afb731d.js"],"/components/brand/docs/HTML":[s,o,t,"static/chunks/pages/components/brand/docs/HTML-5652d4b353355c57.js"],"/components/brand/docs/React":[s,o,t,"static/chunks/pages/components/brand/docs/React-eb7bbcdd81d05f09.js"],"/components/brand/docs/Vue":[s,o,t,"static/chunks/pages/components/brand/docs/Vue-4fac51c7f4759b94.js"],"/components/brand/properties":[s,o,t,"static/chunks/pages/components/brand/properties-0d58da5995cdfb6f.js"],"/components/button/docs/Angular":[s,o,t,"static/chunks/pages/components/button/docs/Angular-d7ca341b28f18a62.js"],"/components/button/docs/HTML":[s,o,t,"static/chunks/pages/components/button/docs/HTML-daef275737f91b49.js"],"/components/button/docs/React":[s,o,t,"static/chunks/pages/components/button/docs/React-ff682197da06a4c1.js"],"/components/button/docs/Vue":[s,o,t,"static/chunks/pages/components/button/docs/Vue-2c729cc566dd65d5.js"],"/components/button/properties":[s,o,t,"static/chunks/pages/components/button/properties-11474825450cc61c.js"],"/components/card/docs/Angular":[s,o,t,"static/chunks/pages/components/card/docs/Angular-6d080a081669a895.js"],"/components/card/docs/HTML":[s,o,t,"static/chunks/pages/components/card/docs/HTML-65120f9389836150.js"],"/components/card/docs/React":[s,o,t,"static/chunks/pages/components/card/docs/React-2aa1f5077b565771.js"],"/components/card/docs/Vue":[s,o,t,"static/chunks/pages/components/card/docs/Vue-caaf1d3938f8cdf9.js"],"/components/card/properties":[s,o,t,"static/chunks/pages/components/card/properties-82819c929f697f33.js"],"/components/checkbox/docs/Angular":[s,o,t,"static/chunks/pages/components/checkbox/docs/Angular-d0026690a7cf9609.js"],"/components/checkbox/docs/HTML":[s,o,t,"static/chunks/pages/components/checkbox/docs/HTML-cd138924a53285f1.js"],"/components/checkbox/docs/React":[s,o,t,"static/chunks/pages/components/checkbox/docs/React-15379ecc8cd920de.js"],"/components/checkbox/docs/Vue":[s,o,t,"static/chunks/pages/components/checkbox/docs/Vue-eb28353431cbe7e8.js"],"/components/checkbox/properties":[s,o,t,"static/chunks/pages/components/checkbox/properties-0c02599d26fc7cfa.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-3aa1fe663d8df50b.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-5a65c4b35e642233.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-186d50734ec2edab.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-bb99434b4be702f1.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-252253d2d1426a4a.js"],"/components/data-display/accordion/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/how-to-use-fdcfa5697e10137f.js"],"/components/data-display/accordion/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/migration-c15ea2f64965f871.js"],"/components/data-display/accordion/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/properties-563593b610883d22.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-ab115ab687a20d34.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-411ac792d255686b.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-5aa1dc090e0f7eb0.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-97b5eea201a53526.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-2630351a1726fc7a.js"],"/components/data-display/accordion-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/how-to-use-7d3238cb36b44326.js"],"/components/data-display/accordion-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/migration-01b9887ea7f4936f.js"],"/components/data-display/accordion-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/properties-b336a4664992a485.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-735c1f054b8f8102.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-3a82bace2e549d59.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-bfb163e3d833f504.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-dd4b9cf63128b87f.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-979daccdb335db96.js"],"/components/data-display/brand/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/brand/how-to-use-26745e54259f038b.js"],"/components/data-display/brand/migration":[s,n,o,t,"static/chunks/pages/components/data-display/brand/migration-ba2b5766c0b98dc7.js"],"/components/data-display/brand/properties":[s,n,o,t,"static/chunks/pages/components/data-display/brand/properties-b619df8e0cf316e0.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-5e9c33802cb54115.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-695a76126dedbb6f.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-443c9e152dbd77d3.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-7f725755c310d992.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-da41ebe6ffe6f602.js"],"/components/data-display/infotext/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/how-to-use-c6a13a0ca94cf7d3.js"],"/components/data-display/infotext/migration":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/migration-d3a058188fb5eabe.js"],"/components/data-display/infotext/properties":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/properties-2718760b340548d6.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-4ef3a8e1f31f404e.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-9b6d68860c44d194.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-1a608d3c71dbee83.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-36e629d875b40ce8.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-45945f8f7d5cfee1.js"],"/components/data-display/tab-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/how-to-use-7788be7324b6fddc.js"],"/components/data-display/tab-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/migration-53ec8a9aba283f09.js"],"/components/data-display/tab-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/properties-b315a0f98425f94c.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-635312b640094b11.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-e376fe1336d1548f.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-098858e91e2da343.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-738898ab10553bd1.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-be400eaec687ab23.js"],"/components/data-display/tabs/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/how-to-use-f1a1fead62021f26.js"],"/components/data-display/tabs/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/migration-18c6b7c4f60c2a02.js"],"/components/data-display/tabs/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/properties-4e3ec2e7606e7524.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-ac07d14549538851.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-7a46a59d74d23f96.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-10aa8b85876539e7.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-080fbba77602c057.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-96f551c089c8d79a.js"],"/components/data-display/tag/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tag/how-to-use-6df524d3563db580.js"],"/components/data-display/tag/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tag/migration-6972003a1a70f374.js"],"/components/data-display/tag/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tag/properties-f703ded525fc6079.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-e52c02be8fae7728.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-ad5405f7d314e9b6.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-224f1f8e2e2bc6da.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-79c588f5183c2402.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-4d16c84e7cfd0983.js"],"/components/data-display/tooltip/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/how-to-use-694036d8ab91d802.js"],"/components/data-display/tooltip/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/migration-0f7d8924c0381433.js"],"/components/data-display/tooltip/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/properties-164b761b1581e31c.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-6190c22f328e00bf.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-0730ad8e214f546c.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e5eb2a0a303fd6f0.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-d6575627dbbe6060.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-7c7f9accc755221e.js"],"/components/data-input/checkbox/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/how-to-use-562042919955762d.js"],"/components/data-input/checkbox/migration":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/migration-4c9cdfaa017f1451.js"],"/components/data-input/checkbox/properties":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/properties-0fcd0c583345def2.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-49bb046b4ceb6364.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-d4a2da3e01b0a60f.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-75378ec463e178e5.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-6b717dcca0672cdd.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-11e1ab5c87ee3077.js"],"/components/data-input/input/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/input/how-to-use-13d227f79457b350.js"],"/components/data-input/input/migration":[s,n,o,t,"static/chunks/pages/components/data-input/input/migration-af8397a71195d46b.js"],"/components/data-input/input/properties":[s,n,o,t,"static/chunks/pages/components/data-input/input/properties-d472e1aecb33102d.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-3308341385a4e78f.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-6a4c9d063ac7f7d5.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-cb86f66d1b1b12cd.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-e879b14e81d9d753.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-092039cfccb90279.js"],"/components/data-input/radio/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/radio/how-to-use-3b4afb868d1ceef7.js"],"/components/data-input/radio/migration":[s,n,o,t,"static/chunks/pages/components/data-input/radio/migration-0dfbd22e1d56fb88.js"],"/components/data-input/radio/properties":[s,n,o,t,"static/chunks/pages/components/data-input/radio/properties-e2862907e2db28b8.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-fc1718daf82ed529.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-1c632fbfd71ba99f.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-9cdf6a272025bef5.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-5fbb1ddaa951f7d3.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-d45941690e70083a.js"],"/components/data-input/select/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/select/how-to-use-cd87bf8bd1416260.js"],"/components/data-input/select/migration":[s,n,o,t,"static/chunks/pages/components/data-input/select/migration-24b7d56e0f9a1410.js"],"/components/data-input/select/properties":[s,n,o,t,"static/chunks/pages/components/data-input/select/properties-264ef6069dd7dcaa.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-08ae9720b6f418de.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-f87036e7381679e1.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-cf43be4dc0b75169.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-8e5c1835ae03e2d7.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-f66728deaff5b1cc.js"],"/components/data-input/switch/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/switch/how-to-use-670bb127a8b4b72c.js"],"/components/data-input/switch/migration":[s,n,o,t,"static/chunks/pages/components/data-input/switch/migration-a7c181853593060d.js"],"/components/data-input/switch/properties":[s,n,o,t,"static/chunks/pages/components/data-input/switch/properties-f541ff147c210fe2.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-f73c2de4d1ed0e49.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-7da4872e168a205d.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-742ee34eb3fe2bd0.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-7df52269c259a537.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-bef0cd024f7b73c1.js"],"/components/data-input/textarea/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/how-to-use-e28e42704b76ec9c.js"],"/components/data-input/textarea/migration":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/migration-c1f3a7e90f69776d.js"],"/components/data-input/textarea/properties":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/properties-e84bc73a0d2ed1b1.js"],"/components/divider/docs/Angular":[s,o,t,"static/chunks/pages/components/divider/docs/Angular-6ca83b5bcd7df982.js"],"/components/divider/docs/HTML":[s,o,t,"static/chunks/pages/components/divider/docs/HTML-4b011e0f5050f715.js"],"/components/divider/docs/React":[s,o,t,"static/chunks/pages/components/divider/docs/React-bc764a25184e1ab4.js"],"/components/divider/docs/Vue":[s,o,t,"static/chunks/pages/components/divider/docs/Vue-9b391a1a551263eb.js"],"/components/divider/properties":[s,o,t,"static/chunks/pages/components/divider/properties-75dd2298db57b391.js"],"/components/drawer/docs/Angular":[s,o,t,"static/chunks/pages/components/drawer/docs/Angular-787c8b19360e3380.js"],"/components/drawer/docs/HTML":[s,o,t,"static/chunks/pages/components/drawer/docs/HTML-6e3aa74af5c4cfc1.js"],"/components/drawer/docs/React":[s,o,t,"static/chunks/pages/components/drawer/docs/React-1a302179fa1f886d.js"],"/components/drawer/docs/Vue":[s,o,t,"static/chunks/pages/components/drawer/docs/Vue-69f06054c3ffff69.js"],"/components/drawer/properties":[s,o,t,"static/chunks/pages/components/drawer/properties-23b748584f510f27.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-c15e9acf91b43879.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-d741ee292af628dc.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-cfd85a7d627172f2.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-873ddfd2c5759123.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-11b3c40397042d25.js"],"/components/feedback/badge/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/badge/how-to-use-235b0f5b4f4b4700.js"],"/components/feedback/badge/migration":[s,n,o,t,"static/chunks/pages/components/feedback/badge/migration-340042478cad9654.js"],"/components/feedback/badge/properties":[s,n,o,t,"static/chunks/pages/components/feedback/badge/properties-a6145101950e792b.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-e2e9b4792a67fbf8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-09110cac56c3a6c9.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-e30b397f7534eb91.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-26616727adb0620f.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-b80a5352463cd441.js"],"/components/feedback/notification/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/notification/how-to-use-7e31139c617c024a.js"],"/components/feedback/notification/migration":[s,n,o,t,"static/chunks/pages/components/feedback/notification/migration-4df8681300d1491b.js"],"/components/feedback/notification/properties":[s,n,o,t,"static/chunks/pages/components/feedback/notification/properties-102fddf7b74d9cda.js"],"/components/header/docs/Angular":[s,o,t,"static/chunks/pages/components/header/docs/Angular-25364b9ab32d1a99.js"],"/components/header/docs/HTML":[s,o,t,"static/chunks/pages/components/header/docs/HTML-342e1ef030bbd729.js"],"/components/header/docs/React":[s,o,t,"static/chunks/pages/components/header/docs/React-be445775516e0a2b.js"],"/components/header/docs/Vue":[s,o,t,"static/chunks/pages/components/header/docs/Vue-20dac665079ac4d8.js"],"/components/header/properties":[s,o,t,"static/chunks/pages/components/header/properties-8475b7743cc64449.js"],"/components/infotext/docs/Angular":[s,o,t,"static/chunks/pages/components/infotext/docs/Angular-8045cd25d1aae285.js"],"/components/infotext/docs/HTML":[s,o,t,"static/chunks/pages/components/infotext/docs/HTML-de1419c4ecdfd8c5.js"],"/components/infotext/docs/React":[s,o,t,"static/chunks/pages/components/infotext/docs/React-a45502df35600b00.js"],"/components/infotext/docs/Vue":[s,o,t,"static/chunks/pages/components/infotext/docs/Vue-6b8b15d4596d48c3.js"],"/components/infotext/properties":[s,o,t,"static/chunks/pages/components/infotext/properties-638cd0f725cb3e8d.js"],"/components/input/docs/Angular":[s,o,t,"static/chunks/pages/components/input/docs/Angular-5d3d2b542463ac05.js"],"/components/input/docs/HTML":[s,o,t,"static/chunks/pages/components/input/docs/HTML-b7c8ecf16cfc6d14.js"],"/components/input/docs/React":[s,o,t,"static/chunks/pages/components/input/docs/React-d1b3f986680f57f9.js"],"/components/input/docs/Vue":[s,o,t,"static/chunks/pages/components/input/docs/Vue-d465425015948636.js"],"/components/input/properties":[s,o,t,"static/chunks/pages/components/input/properties-d6f5d9dc87e4ece1.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-7fd2f6cf24174535.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-f4a61a4ba63f18cb.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-58ccf8ba7ed455f3.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-3ef135a1582a3b7d.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-8ce1da70ba30783a.js"],"/components/layout/card/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/card/how-to-use-f443f97e75a5cd20.js"],"/components/layout/card/migration":[s,n,o,t,"static/chunks/pages/components/layout/card/migration-f64e499c08d23163.js"],"/components/layout/card/properties":[s,n,o,t,"static/chunks/pages/components/layout/card/properties-3b5df58b090e9a01.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-84729584d8367a6c.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-9d8a9a5b06cd0816.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-9594d2a24662a41a.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-1302509eaea902f4.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-a4e919124375cb3b.js"],"/components/layout/divider/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/divider/how-to-use-c867bc23c4f7abb0.js"],"/components/layout/divider/migration":[s,n,o,t,"static/chunks/pages/components/layout/divider/migration-c96881246c1bf115.js"],"/components/layout/divider/properties":[s,n,o,t,"static/chunks/pages/components/layout/divider/properties-f72d14ec012b4fa1.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-05659732a2bd503e.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-0d692d19fb20258b.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-bb87cd1d20618a96.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-a6522240a302f1f0.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-5e7fc62f83bf158c.js"],"/components/layout/drawer/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/drawer/how-to-use-cfee39904602ac7c.js"],"/components/layout/drawer/migration":[s,n,o,t,"static/chunks/pages/components/layout/drawer/migration-85758c89f4d9d6ed.js"],"/components/layout/drawer/properties":[s,n,o,t,"static/chunks/pages/components/layout/drawer/properties-49e294afa51c79dc.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-0b42896b8b4b1c3a.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-b5f441fbfccd3c17.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-ee3c22a2ada81682.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-6efff61b2212e685.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-c953f63fa278ffba.js"],"/components/layout/header/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/header/how-to-use-f49601d0af2273c9.js"],"/components/layout/header/migration":[s,n,o,t,"static/chunks/pages/components/layout/header/migration-efb9a9ac053e657d.js"],"/components/layout/header/properties":[s,n,o,t,"static/chunks/pages/components/layout/header/properties-6c2f0fe6850c8762.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-d6ae95f9a81e48ad.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-c7bc549859c5b8d6.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-a5c8cbbc1f0a5783.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-5c5fe11fd2ff9926.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-d403e42784c70f4f.js"],"/components/layout/section/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/section/how-to-use-fbeabe4cd5457909.js"],"/components/layout/section/migration":[s,n,o,t,"static/chunks/pages/components/layout/section/migration-eeacd7e156a3d770.js"],"/components/layout/section/properties":[s,n,o,t,"static/chunks/pages/components/layout/section/properties-7ec705fe61f7a991.js"],"/components/layout/stack/docs/Angular":["static/chunks/pages/components/layout/stack/docs/Angular-c66939175b82d379.js"],"/components/layout/stack/docs/HTML":["static/chunks/pages/components/layout/stack/docs/HTML-845e71bd428ed38b.js"],"/components/layout/stack/docs/Migration":["static/chunks/pages/components/layout/stack/docs/Migration-6ef9214b54874a04.js"],"/components/layout/stack/docs/React":["static/chunks/pages/components/layout/stack/docs/React-8f2f5d00500eb40a.js"],"/components/layout/stack/docs/Vue":["static/chunks/pages/components/layout/stack/docs/Vue-0cb2b470e277b55d.js"],"/components/layout/stack/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/stack/how-to-use-f65490401a59d918.js"],"/components/layout/stack/migration":[s,n,o,t,"static/chunks/pages/components/layout/stack/migration-97c115cebabadc86.js"],"/components/layout/stack/properties":[s,n,o,t,"static/chunks/pages/components/layout/stack/properties-39f6bcf4f307777d.js"],"/components/link/docs/Angular":[s,o,t,"static/chunks/pages/components/link/docs/Angular-c34994dad64236d3.js"],"/components/link/docs/HTML":[s,o,t,"static/chunks/pages/components/link/docs/HTML-6300e0bdc714e55b.js"],"/components/link/docs/React":[s,o,t,"static/chunks/pages/components/link/docs/React-3c983637d7c570a8.js"],"/components/link/docs/Vue":[s,o,t,"static/chunks/pages/components/link/docs/Vue-df41a10e9224a16a.js"],"/components/link/properties":[s,o,t,"static/chunks/pages/components/link/properties-f69915f0e0e43fa0.js"],"/components/navigation/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation/docs/Angular-6e0b282e4a93ef44.js"],"/components/navigation/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation/docs/HTML-19721002fef3eae3.js"],"/components/navigation/docs/React":[s,o,t,"static/chunks/pages/components/navigation/docs/React-aa78b8d797914737.js"],"/components/navigation/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation/docs/Vue-f1c446d83df6ca49.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-f6c46a3d468ba715.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-8c17af85a9f4a05f.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-9d58977058489553.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-0ec115649a5c7910.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-ea716dac108330cd.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-3ca410cd3a037f25.js"],"/components/navigation/navigation/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/how-to-use-f7ce817f333475ae.js"],"/components/navigation/navigation/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/migration-3a6e64e407e2d6b2.js"],"/components/navigation/navigation/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/properties-6c84c56a850321a3.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-49523621f73c2a2e.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-569a613ca7e6481c.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-72897bcc26a4fa3d.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-534a6d1a9b65cb3e.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c2725bc9586def96.js"],"/components/navigation/navigation-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/how-to-use-eb2055fec54ccd99.js"],"/components/navigation/navigation-item/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/migration-ace59046dbc67249.js"],"/components/navigation/navigation-item/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/properties-f49fb59aa9a051ce.js"],"/components/navigation/properties":[s,o,t,"static/chunks/pages/components/navigation/properties-5bba52e2fa786908.js"],"/components/navigation-item/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Angular-201e71271b450ec9.js"],"/components/navigation-item/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation-item/docs/HTML-250c6720aa4f749f.js"],"/components/navigation-item/docs/React":[s,o,t,"static/chunks/pages/components/navigation-item/docs/React-d5ca9eeaf35db79d.js"],"/components/navigation-item/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Vue-7f2c6ffe4608fbfc.js"],"/components/navigation-item/properties":[s,o,t,"static/chunks/pages/components/navigation-item/properties-fbd44f6fd701d711.js"],"/components/notification/docs/Angular":[s,o,t,"static/chunks/pages/components/notification/docs/Angular-6227ec5de1641795.js"],"/components/notification/docs/HTML":[s,o,t,"static/chunks/pages/components/notification/docs/HTML-8ab20821287a0ebc.js"],"/components/notification/docs/React":[s,o,t,"static/chunks/pages/components/notification/docs/React-869a6e51e2c936bd.js"],"/components/notification/docs/Vue":[s,o,t,"static/chunks/pages/components/notification/docs/Vue-56e871f596466609.js"],"/components/notification/properties":[s,o,t,"static/chunks/pages/components/notification/properties-71919076ab0f0b9b.js"],"/components/popover/docs/Angular":[s,o,t,"static/chunks/pages/components/popover/docs/Angular-be64cc64fbf62f26.js"],"/components/popover/docs/HTML":[s,o,t,"static/chunks/pages/components/popover/docs/HTML-63d0fde129ae24ff.js"],"/components/popover/docs/React":[s,o,t,"static/chunks/pages/components/popover/docs/React-64bc766284514782.js"],"/components/popover/docs/Vue":[s,o,t,"static/chunks/pages/components/popover/docs/Vue-0fe91496c2bc97af.js"],"/components/popover/properties":[s,o,t,"static/chunks/pages/components/popover/properties-a50d4cf1d6e1211b.js"],"/components/radio/docs/Angular":[s,o,t,"static/chunks/pages/components/radio/docs/Angular-c5d1f4723814f4a8.js"],"/components/radio/docs/HTML":[s,o,t,"static/chunks/pages/components/radio/docs/HTML-a3c3ca66d0c1a76c.js"],"/components/radio/docs/React":[s,o,t,"static/chunks/pages/components/radio/docs/React-08e47022b72f5320.js"],"/components/radio/docs/Vue":[s,o,t,"static/chunks/pages/components/radio/docs/Vue-9b13ea91e745bc81.js"],"/components/radio/properties":[s,o,t,"static/chunks/pages/components/radio/properties-ff67072715dff882.js"],"/components/readme":[s,n,o,t,"static/chunks/pages/components/readme-f663c16289e80f94.js"],"/components/router-usage":[s,n,o,t,"static/chunks/pages/components/router-usage-018e07e05f166b94.js"],"/components/section/docs/Angular":[s,o,t,"static/chunks/pages/components/section/docs/Angular-a63ac7b52775c753.js"],"/components/section/docs/HTML":[s,o,t,"static/chunks/pages/components/section/docs/HTML-ce7958bea762ba7b.js"],"/components/section/docs/React":[s,o,t,"static/chunks/pages/components/section/docs/React-174bfeaa3b774ddc.js"],"/components/section/docs/Vue":[s,o,t,"static/chunks/pages/components/section/docs/Vue-8fdf0b6736c610c1.js"],"/components/section/properties":[s,o,t,"static/chunks/pages/components/section/properties-a0e21bc8bd6747df.js"],"/components/select/docs/Angular":[s,o,t,"static/chunks/pages/components/select/docs/Angular-76c130428d545ff6.js"],"/components/select/docs/HTML":[s,o,t,"static/chunks/pages/components/select/docs/HTML-3f4d8195eeff82fe.js"],"/components/select/docs/React":[s,o,t,"static/chunks/pages/components/select/docs/React-4f5f3b6d82e90861.js"],"/components/select/docs/Vue":[s,o,t,"static/chunks/pages/components/select/docs/Vue-34464f5493fd45a5.js"],"/components/select/properties":[s,o,t,"static/chunks/pages/components/select/properties-010cc8a45a6963f1.js"],"/components/stack/docs/Angular":[s,o,t,"static/chunks/pages/components/stack/docs/Angular-cfdc05fcbfeb690b.js"],"/components/stack/docs/HTML":[s,o,t,"static/chunks/pages/components/stack/docs/HTML-ccc5a07601868cbb.js"],"/components/stack/docs/React":[s,o,t,"static/chunks/pages/components/stack/docs/React-40a114ae34bfc737.js"],"/components/stack/docs/Vue":[s,o,t,"static/chunks/pages/components/stack/docs/Vue-1fac27ddcf8cfd52.js"],"/components/stack/properties":[s,o,t,"static/chunks/pages/components/stack/properties-3b9cc70f2ce861be.js"],"/components/switch/docs/Angular":[s,o,t,"static/chunks/pages/components/switch/docs/Angular-d62e9d26bc45978b.js"],"/components/switch/docs/HTML":[s,o,t,"static/chunks/pages/components/switch/docs/HTML-9a2d0ed67bee37a2.js"],"/components/switch/docs/React":[s,o,t,"static/chunks/pages/components/switch/docs/React-b063f05d178e2964.js"],"/components/switch/docs/Vue":[s,o,t,"static/chunks/pages/components/switch/docs/Vue-16607413d6f039b0.js"],"/components/switch/properties":[s,o,t,"static/chunks/pages/components/switch/properties-701c6b43be2e3da8.js"],"/components/tab-item/docs/Angular":[s,o,t,"static/chunks/pages/components/tab-item/docs/Angular-26098153cd81148e.js"],"/components/tab-item/docs/HTML":[s,o,t,"static/chunks/pages/components/tab-item/docs/HTML-b0ba1045f87b0f34.js"],"/components/tab-item/docs/React":[s,o,t,"static/chunks/pages/components/tab-item/docs/React-695ad17582997f8f.js"],"/components/tab-item/docs/Vue":[s,o,t,"static/chunks/pages/components/tab-item/docs/Vue-e6641ff11efc6c28.js"],"/components/tab-item/properties":[s,o,t,"static/chunks/pages/components/tab-item/properties-49d0a2445faf7368.js"],"/components/tabs/docs/Angular":[s,o,t,"static/chunks/pages/components/tabs/docs/Angular-b51d085704946338.js"],"/components/tabs/docs/HTML":[s,o,t,"static/chunks/pages/components/tabs/docs/HTML-f40dba74ec3587b5.js"],"/components/tabs/docs/React":[s,o,t,"static/chunks/pages/components/tabs/docs/React-e4d3795708451955.js"],"/components/tabs/docs/Vue":[s,o,t,"static/chunks/pages/components/tabs/docs/Vue-85aa35b4e3110fa7.js"],"/components/tabs/properties":[s,o,t,"static/chunks/pages/components/tabs/properties-eca9d914d377b5ae.js"],"/components/tag/docs/Angular":[s,o,t,"static/chunks/pages/components/tag/docs/Angular-a28053b7d964ea6f.js"],"/components/tag/docs/HTML":[s,o,t,"static/chunks/pages/components/tag/docs/HTML-b69750dd13ebfa11.js"],"/components/tag/docs/React":[s,o,t,"static/chunks/pages/components/tag/docs/React-b9d0c0194b9be4aa.js"],"/components/tag/docs/Vue":[s,o,t,"static/chunks/pages/components/tag/docs/Vue-1d39abd529a08be5.js"],"/components/tag/properties":[s,o,t,"static/chunks/pages/components/tag/properties-0a73b979b3e2dbd5.js"],"/components/textarea/docs/Angular":[s,o,t,"static/chunks/pages/components/textarea/docs/Angular-b077cd1f71737cb6.js"],"/components/textarea/docs/HTML":[s,o,t,"static/chunks/pages/components/textarea/docs/HTML-80b5f47c1bc3b2d2.js"],"/components/textarea/docs/React":[s,o,t,"static/chunks/pages/components/textarea/docs/React-a573b764dd17c8d4.js"],"/components/textarea/docs/Vue":[s,o,t,"static/chunks/pages/components/textarea/docs/Vue-7c622a2947ac4a9d.js"],"/components/textarea/properties":[s,o,t,"static/chunks/pages/components/textarea/properties-6b7c5c426ffb81d5.js"],"/components/tooltip/docs/Angular":[s,o,t,"static/chunks/pages/components/tooltip/docs/Angular-da1c380480619235.js"],"/components/tooltip/docs/HTML":[s,o,t,"static/chunks/pages/components/tooltip/docs/HTML-5c051e2e41da5b9a.js"],"/components/tooltip/docs/React":[s,o,t,"static/chunks/pages/components/tooltip/docs/React-50f31d67af4e1c7a.js"],"/components/tooltip/docs/Vue":[s,o,t,"static/chunks/pages/components/tooltip/docs/Vue-912fd97fbe6f462d.js"],"/components/tooltip/properties":[s,o,t,"static/chunks/pages/components/tooltip/properties-670b5b68fe34684b.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-b8ce565a06cffbe5.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-066f4c7229ec3320.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-fd424e36426845ad.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-15a3c8f91ba01d26.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-c07ea291a71a8f49.js"],"/components/utilities/popover/how-to-use":[s,n,o,t,"static/chunks/pages/components/utilities/popover/how-to-use-9e0ed9a3bfce9437.js"],"/components/utilities/popover/migration":[s,n,o,t,"static/chunks/pages/components/utilities/popover/migration-53701279c209fc1b.js"],"/components/utilities/popover/properties":[s,n,o,t,"static/chunks/pages/components/utilities/popover/properties-e1d7a7f550680306.js"],"/components/validation":[s,n,o,t,"static/chunks/pages/components/validation-dfb02376a67b0a4c.js"],"/components/[[...slug]]":[s,n,o,t,a,"static/chunks/pages/components/[[...slug]]-667a35506fe5618f.js"],"/foundations":[s,n,o,t,a,"static/chunks/pages/foundations-74c2feac0c67bcb4.js"],"/foundations/colors":[s,n,o,t,a,"static/chunks/pages/foundations/colors-c58251f34b9f302a.js"],"/foundations/colors/color-classes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-classes-862499f7d5989de0.js"],"/foundations/colors/color-schemes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-schemes-db734a4e02b80b70.js"],"/foundations/colors/color-usage-guide":[s,n,"static/chunks/5486-fea82cd636d300f8.js",o,t,"static/chunks/pages/foundations/colors/color-usage-guide-2a4a64180fe0336f.js"],"/foundations/colors/readme":[s,n,o,t,"static/chunks/pages/foundations/colors/readme-f40339bc53309a4f.js"],"/foundations/densities":[s,n,o,t,a,"static/chunks/pages/foundations/densities-f1f7da4c7ef0f706.js"],"/foundations/densities/examples":[s,n,o,t,"static/chunks/pages/foundations/densities/examples-cc1edf8583509c3b.js"],"/foundations/densities/readme":[s,n,o,t,"static/chunks/pages/foundations/densities/readme-3f7d0310a959d2b1.js"],"/foundations/font-sizes":[s,n,o,t,a,"static/chunks/pages/foundations/font-sizes-879861202acc3c58.js"],"/foundations/font-sizes/overview":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/overview-7c5f64f863b50ea1.js"],"/foundations/font-sizes/readme":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/readme-5589b855002e58ed.js"],"/foundations/icons":[s,n,o,t,a,"static/chunks/pages/foundations/icons-c3f2224d51f4b833.js"],"/foundations/icons/custom-icons":[s,n,o,t,"static/chunks/pages/foundations/icons/custom-icons-02fa419b87f89269.js"],"/foundations/icons/overview":[s,n,"static/chunks/807-71c37014c647a36e.js",o,t,"static/chunks/pages/foundations/icons/overview-637b73dbc3b5b123.js"],"/foundations/icons/readme":[s,n,o,t,"static/chunks/pages/foundations/icons/readme-45590dbdf0146d82.js"],"/foundations/ide":[s,n,o,t,"static/chunks/pages/foundations/ide-ff2e61a09fe8d17f.js"],"/foundations/performance":[s,n,o,t,"static/chunks/pages/foundations/performance-46affde5d205e56e.js"],"/foundations/readme":[s,n,o,t,"static/chunks/pages/foundations/readme-954f1eb339a3d6e9.js"],"/foundations/test-table":[s,n,o,t,"static/chunks/pages/foundations/test-table-b03e919abbeda077.js"],"/foundations/variables":[s,n,o,t,a,"static/chunks/pages/foundations/variables-d06bfc6be4c529dd.js"],"/foundations/variables/examples":[s,n,o,t,"static/chunks/pages/foundations/variables/examples-de8c5dcf70fe3089.js"],"/foundations/variables/readme":[s,n,o,t,"static/chunks/pages/foundations/variables/readme-3431e623d1738cf6.js"],"/iframe":[p,o,"static/chunks/pages/iframe-1e9fc9d7ca486d31.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/properties","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/properties","/components/action/button/docs/Angular","/components/action/button/docs/HTML","/components/action/button/docs/Migration","/components/action/button/docs/React","/components/action/button/docs/Vue","/components/action/button/how-to-use","/components/action/button/migration","/components/action/button/properties","/components/action/link/docs/Angular","/components/action/link/docs/HTML","/components/action/link/docs/Migration","/components/action/link/docs/React","/components/action/link/docs/Vue","/components/action/link/how-to-use","/components/action/link/migration","/components/action/link/properties","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/properties","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/React","/components/button/docs/Vue","/components/button/properties","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/React","/components/card/docs/Vue","/components/card/properties","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/properties","/components/data-display/accordion/docs/Angular","/components/data-display/accordion/docs/HTML","/components/data-display/accordion/docs/Migration","/components/data-display/accordion/docs/React","/components/data-display/accordion/docs/Vue","/components/data-display/accordion/how-to-use","/components/data-display/accordion/migration","/components/data-display/accordion/properties","/components/data-display/accordion-item/docs/Angular","/components/data-display/accordion-item/docs/HTML","/components/data-display/accordion-item/docs/Migration","/components/data-display/accordion-item/docs/React","/components/data-display/accordion-item/docs/Vue","/components/data-display/accordion-item/how-to-use","/components/data-display/accordion-item/migration","/components/data-display/accordion-item/properties","/components/data-display/brand/docs/Angular","/components/data-display/brand/docs/HTML","/components/data-display/brand/docs/Migration","/components/data-display/brand/docs/React","/components/data-display/brand/docs/Vue","/components/data-display/brand/how-to-use","/components/data-display/brand/migration","/components/data-display/brand/properties","/components/data-display/infotext/docs/Angular","/components/data-display/infotext/docs/HTML","/components/data-display/infotext/docs/Migration","/components/data-display/infotext/docs/React","/components/data-display/infotext/docs/Vue","/components/data-display/infotext/how-to-use","/components/data-display/infotext/migration","/components/data-display/infotext/properties","/components/data-display/tab-item/docs/Angular","/components/data-display/tab-item/docs/HTML","/components/data-display/tab-item/docs/Migration","/components/data-display/tab-item/docs/React","/components/data-display/tab-item/docs/Vue","/components/data-display/tab-item/how-to-use","/components/data-display/tab-item/migration","/components/data-display/tab-item/properties","/components/data-display/tabs/docs/Angular","/components/data-display/tabs/docs/HTML","/components/data-display/tabs/docs/Migration","/components/data-display/tabs/docs/React","/components/data-display/tabs/docs/Vue","/components/data-display/tabs/how-to-use","/components/data-display/tabs/migration","/components/data-display/tabs/properties","/components/data-display/tag/docs/Angular","/components/data-display/tag/docs/HTML","/components/data-display/tag/docs/Migration","/components/data-display/tag/docs/React","/components/data-display/tag/docs/Vue","/components/data-display/tag/how-to-use","/components/data-display/tag/migration","/components/data-display/tag/properties","/components/data-display/tooltip/docs/Angular","/components/data-display/tooltip/docs/HTML","/components/data-display/tooltip/docs/Migration","/components/data-display/tooltip/docs/React","/components/data-display/tooltip/docs/Vue","/components/data-display/tooltip/how-to-use","/components/data-display/tooltip/migration","/components/data-display/tooltip/properties","/components/data-input/checkbox/docs/Angular","/components/data-input/checkbox/docs/HTML","/components/data-input/checkbox/docs/Migration","/components/data-input/checkbox/docs/React","/components/data-input/checkbox/docs/Vue","/components/data-input/checkbox/how-to-use","/components/data-input/checkbox/migration","/components/data-input/checkbox/properties","/components/data-input/input/docs/Angular","/components/data-input/input/docs/HTML","/components/data-input/input/docs/Migration","/components/data-input/input/docs/React","/components/data-input/input/docs/Vue","/components/data-input/input/how-to-use","/components/data-input/input/migration","/components/data-input/input/properties","/components/data-input/radio/docs/Angular","/components/data-input/radio/docs/HTML","/components/data-input/radio/docs/Migration","/components/data-input/radio/docs/React","/components/data-input/radio/docs/Vue","/components/data-input/radio/how-to-use","/components/data-input/radio/migration","/components/data-input/radio/properties","/components/data-input/select/docs/Angular","/components/data-input/select/docs/HTML","/components/data-input/select/docs/Migration","/components/data-input/select/docs/React","/components/data-input/select/docs/Vue","/components/data-input/select/how-to-use","/components/data-input/select/migration","/components/data-input/select/properties","/components/data-input/switch/docs/Angular","/components/data-input/switch/docs/HTML","/components/data-input/switch/docs/Migration","/components/data-input/switch/docs/React","/components/data-input/switch/docs/Vue","/components/data-input/switch/how-to-use","/components/data-input/switch/migration","/components/data-input/switch/properties","/components/data-input/textarea/docs/Angular","/components/data-input/textarea/docs/HTML","/components/data-input/textarea/docs/Migration","/components/data-input/textarea/docs/React","/components/data-input/textarea/docs/Vue","/components/data-input/textarea/how-to-use","/components/data-input/textarea/migration","/components/data-input/textarea/properties","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/properties","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/properties","/components/feedback/badge/docs/Angular","/components/feedback/badge/docs/HTML","/components/feedback/badge/docs/Migration","/components/feedback/badge/docs/React","/components/feedback/badge/docs/Vue","/components/feedback/badge/how-to-use","/components/feedback/badge/migration","/components/feedback/badge/properties","/components/feedback/notification/docs/Angular","/components/feedback/notification/docs/HTML","/components/feedback/notification/docs/Migration","/components/feedback/notification/docs/React","/components/feedback/notification/docs/Vue","/components/feedback/notification/how-to-use","/components/feedback/notification/migration","/components/feedback/notification/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/properties","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/properties","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/properties","/components/layout/card/docs/Angular","/components/layout/card/docs/HTML","/components/layout/card/docs/Migration","/components/layout/card/docs/React","/components/layout/card/docs/Vue","/components/layout/card/how-to-use","/components/layout/card/migration","/components/layout/card/properties","/components/layout/divider/docs/Angular","/components/layout/divider/docs/HTML","/components/layout/divider/docs/Migration","/components/layout/divider/docs/React","/components/layout/divider/docs/Vue","/components/layout/divider/how-to-use","/components/layout/divider/migration","/components/layout/divider/properties","/components/layout/drawer/docs/Angular","/components/layout/drawer/docs/HTML","/components/layout/drawer/docs/Migration","/components/layout/drawer/docs/React","/components/layout/drawer/docs/Vue","/components/layout/drawer/how-to-use","/components/layout/drawer/migration","/components/layout/drawer/properties","/components/layout/header/docs/Angular","/components/layout/header/docs/HTML","/components/layout/header/docs/Migration","/components/layout/header/docs/React","/components/layout/header/docs/Vue","/components/layout/header/how-to-use","/components/layout/header/migration","/components/layout/header/properties","/components/layout/section/docs/Angular","/components/layout/section/docs/HTML","/components/layout/section/docs/Migration","/components/layout/section/docs/React","/components/layout/section/docs/Vue","/components/layout/section/how-to-use","/components/layout/section/migration","/components/layout/section/properties","/components/layout/stack/docs/Angular","/components/layout/stack/docs/HTML","/components/layout/stack/docs/Migration","/components/layout/stack/docs/React","/components/layout/stack/docs/Vue","/components/layout/stack/how-to-use","/components/layout/stack/migration","/components/layout/stack/properties","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/properties","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/navigation/docs/Accessibility","/components/navigation/navigation/docs/Angular","/components/navigation/navigation/docs/HTML","/components/navigation/navigation/docs/Migration","/components/navigation/navigation/docs/React","/components/navigation/navigation/docs/Vue","/components/navigation/navigation/how-to-use","/components/navigation/navigation/migration","/components/navigation/navigation/properties","/components/navigation/navigation-item/docs/Angular","/components/navigation/navigation-item/docs/HTML","/components/navigation/navigation-item/docs/Migration","/components/navigation/navigation-item/docs/React","/components/navigation/navigation-item/docs/Vue","/components/navigation/navigation-item/how-to-use","/components/navigation/navigation-item/migration","/components/navigation/navigation-item/properties","/components/navigation/properties","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/properties","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/properties","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/properties","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/properties","/components/readme","/components/router-usage","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/React","/components/section/docs/Vue","/components/section/properties","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/React","/components/select/docs/Vue","/components/select/properties","/components/stack/docs/Angular","/components/stack/docs/HTML","/components/stack/docs/React","/components/stack/docs/Vue","/components/stack/properties","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/properties","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/properties","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/properties","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/properties","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/properties","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/properties","/components/utilities/popover/docs/Angular","/components/utilities/popover/docs/HTML","/components/utilities/popover/docs/Migration","/components/utilities/popover/docs/React","/components/utilities/popover/docs/Vue","/components/utilities/popover/how-to-use","/components/utilities/popover/migration","/components/utilities/popover/properties","/components/validation","/components/[[...slug]]","/foundations","/foundations/colors","/foundations/colors/color-classes","/foundations/colors/color-schemes","/foundations/colors/color-usage-guide","/foundations/colors/readme","/foundations/densities","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/ide","/foundations/performance","/foundations/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/1446-efe01de83a390218.js","static/chunks/3578-e443004a7971fa82.js","static/chunks/5958-6a210cbe56c1428d.js","static/chunks/8250-c8a35ee051f851f0.js","static/chunks/2124-a3daea410c69561c.js",0,0,NaN,"static/chunks/1048-3eaf0a942fe12a1a.js","static/chunks/148-be5a07d7f12030ed.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_ssgManifest.js b/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_ssgManifest.js new file mode 100644 index 000000000000..e52892ab4d6e --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/1GrabQ8UBapJcQudnWRdZ/_ssgManifest.js @@ -0,0 +1 @@ +self.__SSG_MANIFEST=new Set(["\u002Fcomponents\u002F[[...slug]]"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB() \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/1048-3eaf0a942fe12a1a.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/1048-3eaf0a942fe12a1a.js new file mode 100644 index 000000000000..c0aa3823ac35 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/1048-3eaf0a942fe12a1a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1048],{7991:(t,r)=>{"use strict";r.byteLength=function(t){var r=s(t),e=r[0],n=r[1];return(e+n)*3/4-n},r.toByteArray=function(t){var r,e,i=s(t),f=i[0],u=i[1],h=new o((f+u)*3/4-u),a=0,p=u>0?f-4:f;for(e=0;e>16&255,h[a++]=r>>8&255,h[a++]=255&r;return 2===u&&(r=n[t.charCodeAt(e)]<<2|n[t.charCodeAt(e+1)]>>4,h[a++]=255&r),1===u&&(r=n[t.charCodeAt(e)]<<10|n[t.charCodeAt(e+1)]<<4|n[t.charCodeAt(e+2)]>>2,h[a++]=r>>8&255,h[a++]=255&r),h},r.fromByteArray=function(t){for(var r,n=t.length,o=n%3,i=[],f=0,u=n-o;f>18&63]+e[o>>12&63]+e[o>>6&63]+e[63&o]);return i.join("")}(t,f,f+16383>u?u:f+16383));return 1===o?i.push(e[(r=t[n-1])>>2]+e[r<<4&63]+"=="):2===o&&i.push(e[(r=(t[n-2]<<8)+t[n-1])>>10]+e[r>>4&63]+e[r<<2&63]+"="),i.join("")};for(var e=[],n=[],o="undefined"!=typeof Uint8Array?Uint8Array:Array,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=0,u=i.length;f0)throw Error("Invalid string. Length must be a multiple of 4");var e=t.indexOf("=");-1===e&&(e=r);var n=e===r?0:4-e%4;return[e,n]}n["-".charCodeAt(0)]=62,n["_".charCodeAt(0)]=63},1048:(t,r,e)=>{"use strict";var n=e(7991),o=e(39318),i="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;function f(t){if(t>0x7fffffff)throw RangeError('The value "'+t+'" is invalid for option "size"');var r=new Uint8Array(t);return Object.setPrototypeOf(r,u.prototype),r}function u(t,r,e){if("number"==typeof t){if("string"==typeof r)throw TypeError('The "string" argument must be of type string. Received type number');return a(t)}return s(t,r,e)}function s(t,r,e){if("string"==typeof t)return function(t,r){if(("string"!=typeof r||""===r)&&(r="utf8"),!u.isEncoding(r))throw TypeError("Unknown encoding: "+r);var e=0|y(t,r),n=f(e),o=n.write(t,r);return o!==e&&(n=n.slice(0,o)),n}(t,r);if(ArrayBuffer.isView(t))return function(t){if(C(t,Uint8Array)){var r=new Uint8Array(t);return c(r.buffer,r.byteOffset,r.byteLength)}return p(t)}(t);if(null==t)throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t);if(C(t,ArrayBuffer)||t&&C(t.buffer,ArrayBuffer)||"undefined"!=typeof SharedArrayBuffer&&(C(t,SharedArrayBuffer)||t&&C(t.buffer,SharedArrayBuffer)))return c(t,r,e);if("number"==typeof t)throw TypeError('The "value" argument must not be of type number. Received type number');var n=t.valueOf&&t.valueOf();if(null!=n&&n!==t)return u.from(n,r,e);var o=function(t){if(u.isBuffer(t)){var r,e=0|l(t.length),n=f(e);return 0===n.length||t.copy(n,0,0,e),n}return void 0!==t.length?"number"!=typeof t.length||(r=t.length)!=r?f(0):p(t):"Buffer"===t.type&&Array.isArray(t.data)?p(t.data):void 0}(t);if(o)return o;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof t[Symbol.toPrimitive])return u.from(t[Symbol.toPrimitive]("string"),r,e);throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t)}function h(t){if("number"!=typeof t)throw TypeError('"size" argument must be of type number');if(t<0)throw RangeError('The value "'+t+'" is invalid for option "size"')}function a(t){return h(t),f(t<0?0:0|l(t))}function p(t){for(var r=t.length<0?0:0|l(t.length),e=f(r),n=0;n=0x7fffffff)throw RangeError("Attempt to allocate Buffer larger than maximum size: 0x7fffffff bytes");return 0|t}function y(t,r){if(u.isBuffer(t))return t.length;if(ArrayBuffer.isView(t)||C(t,ArrayBuffer))return t.byteLength;if("string"!=typeof t)throw TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof t);var e=t.length,n=arguments.length>2&&!0===arguments[2];if(!n&&0===e)return 0;for(var o=!1;;)switch(r){case"ascii":case"latin1":case"binary":return e;case"utf8":case"utf-8":return I(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*e;case"hex":return e>>>1;case"base64":return L(t).length;default:if(o)return n?-1:I(t).length;r=(""+r).toLowerCase(),o=!0}}function g(t,r,e){var o,i,f=!1;if((void 0===r||r<0)&&(r=0),r>this.length||((void 0===e||e>this.length)&&(e=this.length),e<=0||(e>>>=0)<=(r>>>=0)))return"";for(t||(t="utf8");;)switch(t){case"hex":return function(t,r,e){var n=t.length;(!r||r<0)&&(r=0),(!e||e<0||e>n)&&(e=n);for(var o="",i=r;i0x7fffffff?e=0x7fffffff:e<-0x80000000&&(e=-0x80000000),(i=e=+e)!=i&&(e=o?0:t.length-1),e<0&&(e=t.length+e),e>=t.length){if(o)return -1;e=t.length-1}else if(e<0){if(!o)return -1;e=0}if("string"==typeof r&&(r=u.from(r,n)),u.isBuffer(r))return 0===r.length?-1:b(t,r,e,n,o);if("number"==typeof r)return(r&=255,"function"==typeof Uint8Array.prototype.indexOf)?o?Uint8Array.prototype.indexOf.call(t,r,e):Uint8Array.prototype.lastIndexOf.call(t,r,e):b(t,[r],e,n,o);throw TypeError("val must be string, number or Buffer")}function b(t,r,e,n,o){var i,f=1,u=t.length,s=r.length;if(void 0!==n&&("ucs2"===(n=String(n).toLowerCase())||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||r.length<2)return -1;f=2,u/=2,s/=2,e/=2}function h(t,r){return 1===f?t[r]:t.readUInt16BE(r*f)}if(o){var a=-1;for(i=e;iu&&(e=u-s),i=e;i>=0;i--){for(var p=!0,c=0;c239?4:h>223?3:h>191?2:1;if(o+p<=e)switch(p){case 1:h<128&&(a=h);break;case 2:(192&(i=t[o+1]))==128&&(s=(31&h)<<6|63&i)>127&&(a=s);break;case 3:i=t[o+1],f=t[o+2],(192&i)==128&&(192&f)==128&&(s=(15&h)<<12|(63&i)<<6|63&f)>2047&&(s<55296||s>57343)&&(a=s);break;case 4:i=t[o+1],f=t[o+2],u=t[o+3],(192&i)==128&&(192&f)==128&&(192&u)==128&&(s=(15&h)<<18|(63&i)<<12|(63&f)<<6|63&u)>65535&&s<1114112&&(a=s)}null===a?(a=65533,p=1):a>65535&&(a-=65536,n.push(a>>>10&1023|55296),a=56320|1023&a),n.push(a),o+=p}return function(t){var r=t.length;if(r<=4096)return String.fromCharCode.apply(String,t);for(var e="",n=0;ne)throw RangeError("Trying to access beyond buffer length")}function E(t,r,e,n,o,i){if(!u.isBuffer(t))throw TypeError('"buffer" argument must be a Buffer instance');if(r>o||rt.length)throw RangeError("Index out of range")}function A(t,r,e,n,o,i){if(e+n>t.length||e<0)throw RangeError("Index out of range")}function B(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,4,34028234663852886e22,-34028234663852886e22),o.write(t,r,e,n,23,4),e+4}function U(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,8,17976931348623157e292,-17976931348623157e292),o.write(t,r,e,n,52,8),e+8}r.hp=u,r.IS=50,u.TYPED_ARRAY_SUPPORT=function(){try{var t=new Uint8Array(1),r={foo:function(){return 42}};return Object.setPrototypeOf(r,Uint8Array.prototype),Object.setPrototypeOf(t,r),42===t.foo()}catch(t){return!1}}(),u.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(u.prototype,"parent",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.buffer}}),Object.defineProperty(u.prototype,"offset",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.byteOffset}}),u.poolSize=8192,u.from=function(t,r,e){return s(t,r,e)},Object.setPrototypeOf(u.prototype,Uint8Array.prototype),Object.setPrototypeOf(u,Uint8Array),u.alloc=function(t,r,e){return(h(t),t<=0)?f(t):void 0!==r?"string"==typeof e?f(t).fill(r,e):f(t).fill(r):f(t)},u.allocUnsafe=function(t){return a(t)},u.allocUnsafeSlow=function(t){return a(t)},u.isBuffer=function(t){return null!=t&&!0===t._isBuffer&&t!==u.prototype},u.compare=function(t,r){if(C(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),C(r,Uint8Array)&&(r=u.from(r,r.offset,r.byteLength)),!u.isBuffer(t)||!u.isBuffer(r))throw TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(t===r)return 0;for(var e=t.length,n=r.length,o=0,i=Math.min(e,n);on.length?u.from(i).copy(n,o):Uint8Array.prototype.set.call(n,i,o);else if(u.isBuffer(i))i.copy(n,o);else throw TypeError('"list" argument must be an Array of Buffers');o+=i.length}return n},u.byteLength=y,u.prototype._isBuffer=!0,u.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw RangeError("Buffer size must be a multiple of 16-bits");for(var r=0;re&&(t+=" ... "),""},i&&(u.prototype[i]=u.prototype.inspect),u.prototype.compare=function(t,r,e,n,o){if(C(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),!u.isBuffer(t))throw TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+typeof t);if(void 0===r&&(r=0),void 0===e&&(e=t?t.length:0),void 0===n&&(n=0),void 0===o&&(o=this.length),r<0||e>t.length||n<0||o>this.length)throw RangeError("out of range index");if(n>=o&&r>=e)return 0;if(n>=o)return -1;if(r>=e)return 1;if(r>>>=0,e>>>=0,n>>>=0,o>>>=0,this===t)return 0;for(var i=o-n,f=e-r,s=Math.min(i,f),h=this.slice(n,o),a=t.slice(r,e),p=0;p>>=0,isFinite(e)?(e>>>=0,void 0===n&&(n="utf8")):(n=e,e=void 0);else throw Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");var o,i,f,u,s,h,a,p,c=this.length-r;if((void 0===e||e>c)&&(e=c),t.length>0&&(e<0||r<0)||r>this.length)throw RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var l=!1;;)switch(n){case"hex":return function(t,r,e,n){e=Number(e)||0;var o=t.length-e;n?(n=Number(n))>o&&(n=o):n=o;var i=r.length;n>i/2&&(n=i/2);for(var f=0;f>8,o.push(e%256),o.push(n);return o}(t,this.length-a),this,a,p);default:if(l)throw TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),l=!0}},u.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}},u.prototype.slice=function(t,r){var e=this.length;t=~~t,r=void 0===r?e:~~r,t<0?(t+=e)<0&&(t=0):t>e&&(t=e),r<0?(r+=e)<0&&(r=0):r>e&&(r=e),r>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t+--r],o=1;r>0&&(o*=256);)n+=this[t+--r]*o;return n},u.prototype.readUint8=u.prototype.readUInt8=function(t,r){return t>>>=0,r||m(t,1,this.length),this[t]},u.prototype.readUint16LE=u.prototype.readUInt16LE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]|this[t+1]<<8},u.prototype.readUint16BE=u.prototype.readUInt16BE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]<<8|this[t+1]},u.prototype.readUint32LE=u.prototype.readUInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+0x1000000*this[t+3]},u.prototype.readUint32BE=u.prototype.readUInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),0x1000000*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},u.prototype.readIntLE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i=(o*=128)&&(n-=Math.pow(2,8*r)),n},u.prototype.readIntBE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=r,o=1,i=this[t+--n];n>0&&(o*=256);)i+=this[t+--n]*o;return i>=(o*=128)&&(i-=Math.pow(2,8*r)),i},u.prototype.readInt8=function(t,r){return(t>>>=0,r||m(t,1,this.length),128&this[t])?-((255-this[t]+1)*1):this[t]},u.prototype.readInt16LE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t]|this[t+1]<<8;return 32768&e?0xffff0000|e:e},u.prototype.readInt16BE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t+1]|this[t]<<8;return 32768&e?0xffff0000|e:e},u.prototype.readInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},u.prototype.readInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},u.prototype.readFloatLE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!0,23,4)},u.prototype.readFloatBE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!1,23,4)},u.prototype.readDoubleLE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!0,52,8)},u.prototype.readDoubleBE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!1,52,8)},u.prototype.writeUintLE=u.prototype.writeUIntLE=function(t,r,e,n){if(t=+t,r>>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=1,f=0;for(this[r]=255&t;++f>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=e-1,f=1;for(this[r+i]=255&t;--i>=0&&(f*=256);)this[r+i]=t/f&255;return r+e},u.prototype.writeUint8=u.prototype.writeUInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,255,0),this[r]=255&t,r+1},u.prototype.writeUint16LE=u.prototype.writeUInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeUint16BE=u.prototype.writeUInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeUint32LE=u.prototype.writeUInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0xffffffff,0),this[r+3]=t>>>24,this[r+2]=t>>>16,this[r+1]=t>>>8,this[r]=255&t,r+4},u.prototype.writeUint32BE=u.prototype.writeUInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0xffffffff,0),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeIntLE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=0,f=1,u=0;for(this[r]=255&t;++i>0)-u&255;return r+e},u.prototype.writeIntBE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=e-1,f=1,u=0;for(this[r+i]=255&t;--i>=0&&(f*=256);)t<0&&0===u&&0!==this[r+i+1]&&(u=1),this[r+i]=(t/f>>0)-u&255;return r+e},u.prototype.writeInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,127,-128),t<0&&(t=255+t+1),this[r]=255&t,r+1},u.prototype.writeInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0x7fffffff,-0x80000000),this[r]=255&t,this[r+1]=t>>>8,this[r+2]=t>>>16,this[r+3]=t>>>24,r+4},u.prototype.writeInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0x7fffffff,-0x80000000),t<0&&(t=0xffffffff+t+1),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeFloatLE=function(t,r,e){return B(this,t,r,!0,e)},u.prototype.writeFloatBE=function(t,r,e){return B(this,t,r,!1,e)},u.prototype.writeDoubleLE=function(t,r,e){return U(this,t,r,!0,e)},u.prototype.writeDoubleBE=function(t,r,e){return U(this,t,r,!1,e)},u.prototype.copy=function(t,r,e,n){if(!u.isBuffer(t))throw TypeError("argument should be a Buffer");if(e||(e=0),n||0===n||(n=this.length),r>=t.length&&(r=t.length),r||(r=0),n>0&&n=this.length)throw RangeError("Index out of range");if(n<0)throw RangeError("sourceEnd out of bounds");n>this.length&&(n=this.length),t.length-r>>=0,e=void 0===e?this.length:e>>>0,t||(t=0),"number"==typeof t)for(o=r;o55295&&e<57344){if(!o){if(e>56319||f+1===n){(r-=3)>-1&&i.push(239,191,189);continue}o=e;continue}if(e<56320){(r-=3)>-1&&i.push(239,191,189),o=e;continue}e=(o-55296<<10|e-56320)+65536}else o&&(r-=3)>-1&&i.push(239,191,189);if(o=null,e<128){if((r-=1)<0)break;i.push(e)}else if(e<2048){if((r-=2)<0)break;i.push(e>>6|192,63&e|128)}else if(e<65536){if((r-=3)<0)break;i.push(e>>12|224,e>>6&63|128,63&e|128)}else if(e<1114112){if((r-=4)<0)break;i.push(e>>18|240,e>>12&63|128,e>>6&63|128,63&e|128)}else throw Error("Invalid code point")}return i}function L(t){return n.toByteArray(function(t){if((t=(t=t.split("=")[0]).trim().replace(x,"")).length<2)return"";for(;t.length%4!=0;)t+="=";return t}(t))}function T(t,r,e,n){for(var o=0;o=r.length)&&!(o>=t.length);++o)r[o+e]=t[o];return o}function C(t,r){return t instanceof r||null!=t&&null!=t.constructor&&null!=t.constructor.name&&t.constructor.name===r.name}var O=function(){for(var t="0123456789abcdef",r=Array(256),e=0;e<16;++e)for(var n=16*e,o=0;o<16;++o)r[n+o]=t[e]+t[o];return r}()},39318:(t,r)=>{r.read=function(t,r,e,n,o){var i,f,u=8*o-n-1,s=(1<>1,a=-7,p=e?o-1:0,c=e?-1:1,l=t[r+p];for(p+=c,i=l&(1<<-a)-1,l>>=-a,a+=u;a>0;i=256*i+t[r+p],p+=c,a-=8);for(f=i&(1<<-a)-1,i>>=-a,a+=n;a>0;f=256*f+t[r+p],p+=c,a-=8);if(0===i)i=1-h;else{if(i===s)return f?NaN:1/0*(l?-1:1);f+=Math.pow(2,n),i-=h}return(l?-1:1)*f*Math.pow(2,i-n)},r.write=function(t,r,e,n,o,i){var f,u,s,h=8*i-o-1,a=(1<>1,c=23===o?5960464477539062e-23:0,l=n?0:i-1,y=n?1:-1,g=r<0||0===r&&1/r<0?1:0;for(isNaN(r=Math.abs(r))||r===1/0?(u=isNaN(r)?1:0,f=a):(f=Math.floor(Math.log(r)/Math.LN2),r*(s=Math.pow(2,-f))<1&&(f--,s*=2),f+p>=1?r+=c/s:r+=c*Math.pow(2,1-p),r*s>=2&&(f++,s/=2),f+p>=a?(u=0,f=a):f+p>=1?(u=(r*s-1)*Math.pow(2,o),f+=p):(u=r*Math.pow(2,p-1)*Math.pow(2,o),f=0));o>=8;t[e+l]=255&u,l+=y,u/=256,o-=8);for(f=f<0;t[e+l]=255&f,l+=y,f/=256,h-=8);t[e+l-y]|=128*g}}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/1446-efe01de83a390218.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/1446-efe01de83a390218.js new file mode 100644 index 000000000000..85ff074a603d --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/1446-efe01de83a390218.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1446],{50402:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[r,c]=(0,n.useState)(()=>d.Ye),[l,s]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{c(a.id||"accordion-item-"+(0,o.uR)()),a.defaultOpen&&s(a.defaultOpen)},[]),(0,i.jsx)("li",{id:r,...(0,o.vC)(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"]),className:(0,o.xF)("db-accordion-item",a.className),children:(0,i.jsxs)("details",{"aria-disabled":(0,o.EB)(a.disabled),ref:t,...(0,o.MD)(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"]),open:l,children:[(0,i.jsxs)("summary",{onClick:e=>(function(e){null==e||e.preventDefault();let t=!l;a.onToggle&&a.onToggle(t),s(t)})(e),children:[a.headlinePlain?(0,i.jsx)(i.Fragment,{children:a.headlinePlain}):null,a.headlinePlain?null:(0,i.jsx)(i.Fragment,{children:a.headline})]}),(0,i.jsx)("div",{children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})]})})})},54116:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(5188),d=t(50402),r=t(81947);let c=(0,n.forwardRef)(function(a,e){var t;let c=e||(0,n.useRef)(e),[l,s]=(0,n.useState)(()=>r.Ye),[u,f]=(0,n.useState)(()=>""),[v,h]=(0,n.useState)(()=>!1),[b,g]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{s(a.id||"accordion-"+(0,o.uR)()),h(!0),g(!0)},[]),(0,n.useEffect)(()=>{v&&("single"===a.behaviour?a.name?u!==a.name&&f(a.name):u!==l&&l&&f(l):f(""))},[v,a.name,a.behaviour,l]),(0,n.useEffect)(()=>{if(null==c?void 0:c.current){let a=c.current.getElementsByTagName("details");if(a)for(let e of Array.from(a))""===u?e.removeAttribute("name"):e.name=u}},[c.current,u]),(0,n.useEffect)(()=>{if(c.current&&b){var e;if((null==a?void 0:a.initOpenIndex)&&(null===(e=a.initOpenIndex)||void 0===e?void 0:e.length)>0){let e=c.current.getElementsByTagName("details");if(e){let t="single"===a.behaviour&&a.initOpenIndex.length>1?[a.initOpenIndex[0]]:a.initOpenIndex;Array.from(e).forEach((a,e)=>{t.includes(e)&&(a.open=!0)})}}g(!1)}},[c.current,b,a.initOpenIndex]),(0,i.jsxs)("ul",{ref:c,...(0,o.MD)(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"]),id:l,...(0,o.vC)(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"]),className:(0,o.xF)("db-accordion",a.className),"data-variant":a.variant,children:[a.items?null:(0,i.jsx)(i.Fragment,{children:a.children}),a.items?(0,i.jsx)(i.Fragment,{children:null===(t=function(a){try{if("string"==typeof a)return JSON.parse(a);return a}catch(a){console.error(a)}return[]}(a.items))||void 0===t?void 0:t.map((a,e)=>(0,i.jsx)(d.A,{headlinePlain:a.headlinePlain,disabled:a.disabled,text:a.text},"accordion-item-".concat(e)))}):null]})})},22076:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){var t,r;let c=e||(0,n.useRef)(e),[l,s]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{s(!0)},[]),(0,n.useEffect)(()=>{if(c.current&&l){var e;if(null===(e=a.placement)||void 0===e?void 0:e.startsWith("corner")){let a=c.current.parentElement;a&&a.localName.includes("badge")&&(a=a.parentElement),a&&a.setAttribute("data-has-badge","true")}}},[c.current,l]),(0,i.jsx)("span",{ref:c,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-badge",a.className),"data-semantic":a.semantic,"data-size":a.size,"data-emphasis":a.emphasis,"data-placement":a.placement,"data-label":(null===(t=a.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(r=a.label)&&void 0!==r?r:d.$6),children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})})},23944:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){var t;let r=e||(0,n.useRef)(e);return(0,i.jsx)("div",{ref:r,...(0,o.MD)(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-icon":a.hideLogo?"none":null!==(t=a.icon)&&void 0!==t?t:d.iT,"data-hide-icon":(0,o.YA)(a.showIcon),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-brand",a.className),children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})})},95374:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e);return(0,i.jsx)("button",{ref:t,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-button",a.className),type:a.type||"button",disabled:a.disabled,"aria-label":a.label,"data-icon":a.icon,"data-hide-icon":(0,o.YA)(a.showIcon),"data-size":a.size,"data-state":a.state,"data-width":a.width,"data-variant":a.variant,"data-no-text":(0,o.EB)(a.noText),name:a.name,value:a.value,"aria-describedby":a.describedbyid,"aria-expanded":a.ariaexpanded,"aria-pressed":a.ariapressed,onClick:e=>{a.onClick&&a.onClick(e)},children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})})},64286:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e);return(0,i.jsx)("div",{ref:t,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-card",a.className),"data-behaviour":a.behaviour,"data-elevation-level":a.elevationLevel,"data-spacing":a.spacing,role:"interactive"===a.behaviour?"button":void 0,tabIndex:"interactive"===a.behaviour?0:void 0,onClick:e=>{a.onClick&&a.onClick(e)},children:a.children})})},39892:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(5188),d=t(81947),r=t(64140);let c=(0,n.forwardRef)(function(a,e){var t,c,l,s;let u=e||(0,n.useRef)(e),[f,v]=(0,n.useState)(()=>!1),[h,b]=(0,n.useState)(()=>void 0),[g,m]=(0,n.useState)(()=>void 0),[w,p]=(0,n.useState)(()=>void 0),[x,N]=(0,n.useState)(()=>void 0),[A,E]=(0,n.useState)(()=>""),[R,L]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var e;v(!0);let t=null!==(e=a.id)&&void 0!==e?e:"checkbox-".concat((0,o.uR)());b(t),m(t+d.kc),p(t+d.Pm),N(t+d.e5)},[]),(0,n.useEffect)(()=>{if(h){let e=h+d.kc;m(e),p(h+d.Pm),N(h+d.e5),(0,o.JQ)(a.message,a.showMessage)&&E(e)}},[h]),(0,n.useEffect)(()=>{if(f&&document&&h){var e;let t=null===(e=document)||void 0===e?void 0:e.getElementById(h);t&&(void 0!=a.checked&&(t.checked=a.checked),void 0!==a.indeterminate&&(t.indeterminate=a.indeterminate),v(!1))}},[f,a.indeterminate,a.checked]),(0,i.jsxs)("div",{...(0,o.vC)(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"]),className:(0,o.xF)("db-checkbox",a.className),"data-size":a.size,"data-hide-label":(0,o.YA)(a.showLabel),children:[(0,i.jsxs)("label",{htmlFor:h,children:[(0,i.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,ref:u,...(0,o.MD)(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"]),id:h,name:a.name,checked:a.checked,disabled:a.disabled,value:a.value,required:a.required,onChange:e=>{var t,i,n,r,c,l;a.onChange&&a.onChange(e),a.change&&a.change(e),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==a.validation?"valid"===a.validation||(null===(i=u.current)||void 0===i?void 0:i.validity.valid)&&a.required?(E(w),(0,o.LB)()&&(L(null!==(l=a.validMessage)&&void 0!==l?l:d.r2),(0,o.cb)(()=>L(""),1e3))):(0,o.JQ)(a.message,a.showMessage)?E(g):E(""):(E(x),(0,o.LB)()&&(L(null!==(c=null!==(r=a.invalidMessage)&&void 0!==r?r:null===(n=u.current)||void 0===n?void 0:n.validationMessage)&&void 0!==c?c:d.MA),(0,o.cb)(()=>L(""),1e3)))},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)},"aria-describedby":A}),a.label?(0,i.jsx)(i.Fragment,{children:a.label}):(0,i.jsx)(i.Fragment,{children:a.children})]}),(0,o.JQ)(a.message,a.showMessage)?(0,i.jsx)(r.A,{size:"small",icon:a.messageIcon,id:g,children:a.message}):null,(0,i.jsx)(r.A,{size:"small",semantic:"successful",id:w,children:null!==(c=a.validMessage)&&void 0!==c?c:d.r2}),(0,i.jsx)(r.A,{size:"small",semantic:"critical",id:x,children:null!==(s=null!==(l=a.invalidMessage)&&void 0!==l?l:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==s?s:d.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:R})]})})},40956:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e);return(0,i.jsx)("div",{ref:t,...(0,o.MD)(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"]),id:a.id,"data-margin":a.margin,"data-variant":a.variant,"data-emphasis":a.emphasis,"data-width":a.width,...(0,o.vC)(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"]),className:(0,o.xF)("db-divider",a.className)})})},87612:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(95374),d=t(81947),r=t(5188);let c=(0,n.forwardRef)(function(a,e){var t;let c=e||(0,n.useRef)(e),l=(0,n.useRef)(null);function s(e){"Escape"===e.key&&e.preventDefault(),("close"===e||"Escape"===e.key||"DIALOG"===e.target.nodeName&&"click"===e.type&&"none"!==a.backdrop)&&a.onClose&&a.onClose(e)}function u(){(null==c?void 0:c.current)&&(a.open&&!c.current.open&&(l.current&&(l.current.hidden=!1),"none"===a.backdrop||"inside"===a.variant?c.current.show():c.current.showModal()),!a.open&&c.current.open&&(l.current&&(l.current.hidden=!0),(0,r.cb)(()=>{var a;l.current&&(l.current.hidden=!1),null===(a=c.current)||void 0===a||a.close()},401)))}return(0,n.useEffect)(()=>{u()},[]),(0,n.useEffect)(()=>{u()},[a.open]),(0,i.jsx)("dialog",{className:"db-drawer",id:a.id,ref:c,...(0,r.MD)(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","onClose"]),onClick:a=>{s(a)},onKeyDown:a=>s(a),"data-backdrop":a.backdrop,"data-variant":a.variant,children:(0,i.jsxs)("article",{ref:l,...(0,r.vC)(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"]),className:(0,r.xF)("db-drawer-container",a.className),"data-spacing":a.spacing,"data-width":a.width,"data-direction":a.direction,"data-rounded":a.rounded,children:[(0,i.jsxs)("header",{className:"db-drawer-header",children:[(0,i.jsx)("div",{className:"db-drawer-header-text",children:(0,i.jsx)(i.Fragment,{children:a.drawerHeader})}),(0,i.jsx)(o.A,{className:"button-close-drawer",icon:"cross",variant:"ghost",id:a.closeButtonId,noText:!0,onClick:a=>s("close"),children:null!==(t=a.closeButtonText)&&void 0!==t?t:d.mt})]}),(0,i.jsx)("div",{className:"db-drawer-content",children:a.children})]})})})},23116:(a,e,t)=>{t.d(e,{A:()=>s});var i=t(31085),n=t(14041),o=t(5188),d=t(95374),r=t(87612),c=t(81947),l=t(44608);let s=(0,n.forwardRef)(function(a,e){var t;let s=e||(0,n.useRef)(e),[u,f]=(0,n.useState)(()=>c.Ye),[v,h]=(0,n.useState)(()=>!1),[b,g]=(0,n.useState)(()=>!1);function m(){a.onToggle&&a.onToggle(!a.drawerOpen)}return(0,n.useEffect)(()=>{h(!0),f(a.id||"header-"+(0,o.uR)())},[]),(0,n.useEffect)(()=>{if(v&&document&&u&&a.forceMobile){let a=document.getElementById(u);a&&(0,o.AU)(a,{key:"data-force-mobile",value:"true"}),g(!0)}},[v]),(0,i.jsxs)("header",{ref:s,...(0,o.MD)(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"]),...(0,o.vC)(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"]),className:(0,o.xF)("db-header",a.className),id:u,"data-width":a.width,"data-on-forcing-mobile":a.forceMobile&&!b,children:[(0,i.jsxs)(r.A,{className:"db-header-drawer",spacing:"small",rounded:!0,open:a.drawerOpen,onClose:()=>m(),children:[(0,i.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,i.jsx)("div",{className:"db-header-navigation",onClick:a=>{(0,l.JR)(a)&&m()},children:a.children}),(0,i.jsx)("div",{className:"db-header-meta-navigation",children:(0,i.jsx)(i.Fragment,{children:a.metaNavigation})})]}),(0,i.jsx)("div",{className:"db-header-secondary-action",children:(0,i.jsx)(i.Fragment,{children:a.secondaryAction})})]}),(0,i.jsx)("div",{className:"db-header-meta-navigation",children:(0,i.jsx)(i.Fragment,{children:a.metaNavigation})}),(0,i.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,i.jsx)("div",{className:"db-header-brand-container",children:(0,i.jsx)(i.Fragment,{children:a.brand})}),(0,i.jsxs)("div",{className:"db-header-navigation-container",children:[(0,i.jsx)("div",{className:"db-header-navigation",children:a.children}),(0,i.jsx)("div",{className:"db-header-primary-action",children:(0,i.jsx)(i.Fragment,{children:a.primaryAction})})]}),(0,i.jsxs)("div",{className:"db-header-action-container",children:[(0,i.jsx)("div",{className:"db-header-burger-menu-container",children:(0,i.jsx)(d.A,{icon:"menu",variant:"ghost",id:u+"-burger-menu",noText:!0,onClick:()=>m(),children:null!==(t=a.burgerMenuLabel)&&void 0!==t?t:c.Mv})}),(0,i.jsx)("div",{className:"db-header-secondary-action",children:(0,i.jsx)(i.Fragment,{children:a.secondaryAction})})]})]})]})})},64140:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){var t;let d=e||(0,n.useRef)(e);return(0,i.jsx)("span",{ref:d,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-infotext",a.className),"data-icon":a.icon,"data-semantic":a.semantic,"data-size":a.size,"data-hide-icon-before":(0,o.YA)(null===(t=a.showIcon)||void 0===t||t),children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})})},59916:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(5188),d=t(81947),r=t(64140);let c=(0,n.forwardRef)(function(a,e){var t,c,l,s,u,f,v,h;let b=e||(0,n.useRef)(e),[g,m]=(0,n.useState)(()=>void 0),[w,p]=(0,n.useState)(()=>void 0),[x,N]=(0,n.useState)(()=>void 0),[A,E]=(0,n.useState)(()=>void 0),[R,L]=(0,n.useState)(()=>void 0),[_,S]=(0,n.useState)(()=>""),[j,z]=(0,n.useState)(()=>""),[C,F]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var e;let t=null!==(e=a.id)&&void 0!==e?e:"input-".concat((0,o.uR)());m(t),p(t+d.kc),N(t+d.Pm),E(t+d.e5),L(t+d.x9)},[]),(0,n.useEffect)(()=>{if(g){var e;let t=g+d.kc;p(t),N(g+d.Pm),E(g+d.e5),L(null!==(e=a.dataListId)&&void 0!==e?e:g+d.x9),(0,o.JQ)(a.message,a.showMessage)&&S(t)}},[g]),(0,n.useEffect)(()=>{z(a.value)},[a.value]),(0,i.jsxs)("div",{...(0,o.vC)(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"]),className:(0,o.xF)("db-input",a.className),"data-variant":a.variant,"data-hide-label":(0,o.YA)(a.showLabel),"data-hide-icon":(0,o.YA)(a.showIcon),"data-icon":a.icon,"data-icon-after":a.iconAfter,"data-hide-icon-after":(0,o.YA)(a.showIcon),children:[(0,i.jsx)("label",{htmlFor:g,children:null!==(l=a.label)&&void 0!==l?l:d.$6}),(0,i.jsx)("input",{"aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,ref:b,...(0,o.MD)(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"]),id:g,name:a.name,type:a.type||"text",placeholder:null!==(s=a.placeholder)&&void 0!==s?s:d.GW,disabled:a.disabled,required:a.required,step:a.step,value:a.value,maxLength:a.maxLength,minLength:a.minLength,max:a.max,min:a.min,readOnly:a.readOnly,form:a.form,pattern:a.pattern,autoComplete:a.autocomplete,autoFocus:a.autofocus,onInput:e=>{a.onInput&&a.onInput(e),a.input&&a.input(e)},onChange:e=>{var t,i,n,r,c,l;a.onChange&&a.onChange(e),a.change&&a.change(e),(null===(t=b.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==a.validation?"valid"===a.validation||(null===(i=b.current)||void 0===i?void 0:i.validity.valid)&&(a.required||a.minLength||a.maxLength||a.pattern)?(S(x),(0,o.LB)()&&(F(null!==(l=a.validMessage)&&void 0!==l?l:d.r2),(0,o.cb)(()=>F(""),1e3))):(0,o.JQ)(a.message,a.showMessage)?S(w):S(""):(S(A),(0,o.LB)()&&(F(null!==(c=null!==(r=a.invalidMessage)&&void 0!==r?r:null===(n=b.current)||void 0===n?void 0:n.validationMessage)&&void 0!==c?c:d.MA),(0,o.cb)(()=>F(""),1e3)))},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)},list:a.dataList&&R,"aria-describedby":_}),a.dataList?(0,i.jsx)("datalist",{id:R,children:null===(h=a.dataList,t=Array.from(((0,o.dr)(h)?h.map(a=>({value:a,label:void 0})):h)||[]))||void 0===t?void 0:t.map(a=>(0,i.jsx)("option",{value:a.value,children:a.label},R+"-option-"+a.value))}):null,a.children,(0,o.JQ)(a.message,a.showMessage)?(0,i.jsx)(r.A,{size:"small",icon:a.messageIcon,id:w,children:a.message}):null,(0,i.jsx)(r.A,{size:"small",semantic:"successful",id:x,children:null!==(u=a.validMessage)&&void 0!==u?u:d.r2}),(0,i.jsx)(r.A,{size:"small",semantic:"critical",id:A,children:null!==(v=null!==(f=a.invalidMessage)&&void 0!==f?f:null===(c=b.current)||void 0===c?void 0:c.validationMessage)&&void 0!==v?v:d.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:C})]})})},13210:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){var t;let r=e||(0,n.useRef)(e),[c,l]=(0,n.useState)(()=>d.Ye);return(0,i.jsx)("a",{ref:r,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-link",a.className),href:a.href,target:a.target,rel:a.rel,role:a.role,hrefLang:a.hreflang,"aria-disabled":(0,o.EB)(a.disabled),tabIndex:a.disabled?-1:0,"aria-selected":a.selected,"aria-label":a.label,"aria-current":a.current,"data-size":a.size,"data-hide-icon-after":(0,o.YA)(null===(t=a.showIcon)||void 0===t||t),"data-variant":a.variant,"data-content":a.content||"internal",onClick:e=>{a.onClick&&a.onClick(e)},children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})})})},6900:(a,e,t)=>{t.d(e,{A:()=>l});var i=t(31085),n=t(14041),o=t(95374),d=t(5188),r=t(44608),c=t(81947);let l=(0,n.forwardRef)(function(a,e){var t;let l=e||(0,n.useRef)(e),[s,u]=(0,n.useState)(()=>!1),[f,v]=(0,n.useState)(()=>!1),[h,b]=(0,n.useState)(()=>!0),[g,m]=(0,n.useState)(()=>!1),[w,p]=(0,n.useState)(()=>"sub-navigation-"+(0,d.uR)()),[x,N]=(0,n.useState)(()=>void 0);return(0,n.useEffect)(()=>{u(!0)},[]),(0,n.useEffect)(()=>{void 0!==a.subNavigationExpanded&&m(!!a.subNavigationExpanded)},[a.subNavigationExpanded]),(0,n.useEffect)(()=>{!function(){if(s&&document&&w){var a,e;let t=null===(a=document)||void 0===a?void 0:a.getElementById(w);t&&((null===(e=t.children)||void 0===e?void 0:e.length)>0?(v(!0),x||N(new r.D1(l.current,t))):b(!1))}}()},[s]),(0,i.jsxs)("li",{ref:l,...(0,d.MD)(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"]),id:a.id,onMouseOver:a=>null==x?void 0:x.enableFollow(),onMouseLeave:a=>null==x?void 0:x.disableFollow(),onMouseMove:a=>null==x?void 0:x.followByMouseEvent(a),...(0,d.vC)(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"]),className:(0,d.xF)("db-navigation-item",a.className),"data-width":a.width,"data-icon":a.icon,"data-hide-icon":(0,d.YA)(a.showIcon),"data-active":a.active,"aria-disabled":(0,d.EB)(a.disabled),children:[h?null:(0,i.jsx)(i.Fragment,{children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})}),h?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":f,"aria-expanded":g,disabled:a.disabled,onClick:e=>{a.onClick&&a.onClick(e),f&&m(!0)},children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})}),(0,i.jsxs)("menu",{className:"db-sub-navigation",id:w,children:[f?(0,i.jsx)("div",{className:"db-mobile-navigation-back",children:(0,i.jsx)(o.A,{icon:"arrow_left",variant:"ghost",id:a.backButtonId,onClick:a=>{a.stopPropagation(),m(!1)},children:null!==(t=a.backButtonText)&&void 0!==t?t:c.sR})}):null,(0,i.jsx)(i.Fragment,{children:a.subNavigation})]})]}):null]})})},61338:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[r,c]=(0,n.useState)(()=>d.Ye);return(0,n.useEffect)(()=>{c(a.id||"navigation-"+(0,o.uR)())},[]),(0,i.jsx)("nav",{ref:t,...(0,o.MD)(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"]),id:r,"aria-labelledby":a.labelledBy,...(0,o.vC)(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"]),className:(0,o.xF)("db-navigation",a.className),children:(0,i.jsx)("menu",{children:a.children})})})},91836:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(95374),d=t(81947),r=t(5188);let c=(0,n.forwardRef)(function(a,e){var t;let c=e||(0,n.useRef)(e);return(0,i.jsxs)("article",{ref:c,...(0,r.MD)(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"]),id:a.id,...(0,r.vC)(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"]),className:(0,r.xF)("db-notification",a.className),"aria-live":a.ariaLive,"data-semantic":a.semantic,"data-variant":a.variant,"data-icon":a.icon,"data-hide-icon":(0,r.YA)(a.showIcon),"data-link-variant":a.linkVariant,children:[(0,i.jsx)(i.Fragment,{children:a.image}),(0,r.JQ)(a.headline,a.showHeadline)?(0,i.jsx)("header",{children:a.headline}):null,(0,i.jsx)("p",{children:a.text?(0,i.jsx)(i.Fragment,{children:a.text}):(0,i.jsx)(i.Fragment,{children:a.children})}),(0,r.JQ)(a.timestamp,a.showTimestamp)?(0,i.jsx)("span",{children:a.timestamp}):null,(0,i.jsx)(i.Fragment,{children:a.link}),a.closeable?(0,i.jsx)(o.A,{icon:"cross",variant:"ghost",size:"small",id:a.closeButtonId,noText:!0,onClick:e=>{a.onClose&&a.onClose()},children:null!==(t=a.closeButtonText)&&void 0!==t?t:d.mt}):null]})})},36428:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[d,r]=(0,n.useState)(()=>!1),[c,l]=(0,n.useState)(()=>!1);function s(){if(l(!0),!t.current)return;let a=t.current.querySelector("article");a&&(0,o.ef)(a)}function u(a){let e=a.target;e.parentNode&&(e.parentNode.querySelector(":focus")===e||e.parentNode.querySelector(":focus-within")===e||e.parentNode.querySelector(":hover")===e)||l(!1)}function f(){if(null==t?void 0:t.current){let e=Array.from(t.current.children);if(e.length>=2){var a;let t=e[0];return t.tagName.includes("-")?(null===(a=t.children)||void 0===a?void 0:a.length)>0?t.children[0]:null:t}}return null}return(0,n.useEffect)(()=>{r(!0)},[]),(0,n.useEffect)(()=>{if(t.current&&d){let a=f();a&&(a.ariaHasPopup="true"),r(!1)}},[t.current,d]),(0,n.useEffect)(()=>{if(t.current){let a=f();a&&(a.ariaExpanded=(!!c).toString())}},[t.current,c]),(0,i.jsxs)("div",{ref:t,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-popover",a.className),onFocus:a=>s(),onBlur:a=>u(a),onMouseEnter:a=>s(),onMouseLeave:a=>u(a),children:[(0,i.jsx)(i.Fragment,{children:a.trigger}),(0,i.jsx)("article",{className:"db-popover-content","data-spacing":a.spacing,"data-gap":(0,o.EB)(a.gap),"data-animation":a.animation,"data-open":a.open,"data-delay":a.delay,"data-width":a.width,"data-placement":a.placement,children:a.children})]})})},85980:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[d,r]=(0,n.useState)(()=>!1),[c,l]=(0,n.useState)(()=>void 0);return(0,n.useEffect)(()=>{var e;r(!0),l(null!==(e=a.id)&&void 0!==e?e:"radio-".concat((0,o.uR)()))},[]),(0,n.useEffect)(()=>{if(a.checked&&d&&document&&c){var e;let t=null===(e=document)||void 0===e?void 0:e.getElementById(c);t&&void 0!=a.checked&&(t.checked=!0)}},[d,a.checked]),(0,i.jsxs)("label",{"data-size":a.size,"data-hide-label":(0,o.YA)(a.showLabel),...(0,o.vC)(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"]),className:(0,o.xF)("db-radio",a.className),htmlFor:c,children:[(0,i.jsx)("input",{type:"radio","aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,ref:t,...(0,o.MD)(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"]),id:c,name:a.name,checked:a.checked,disabled:a.disabled,"aria-describedby":a.describedbyid,value:a.value,required:a.required,onChange:e=>{a.onChange&&a.onChange(e),a.change&&a.change(e)},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)}}),a.label?(0,i.jsx)(i.Fragment,{children:a.label}):(0,i.jsx)(i.Fragment,{children:a.children})]})})},12764:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[r,c]=(0,n.useState)(()=>d.Ye);return(0,n.useEffect)(()=>{c(a.id||"section-"+(0,o.uR)())},[]),(0,i.jsx)("section",{ref:t,...(0,o.MD)(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"]),id:r,...(0,o.vC)(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"]),className:(0,o.xF)("db-section",a.className),"data-spacing":a.spacing||"medium","data-width":a.width,children:a.children})})},47982:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(5188),d=t(81947),r=t(64140);let c=(0,n.forwardRef)(function(a,e){var t,c,l,s,u,f,v;let h=e||(0,n.useRef)(e),[b,g]=(0,n.useState)(()=>void 0),[m,w]=(0,n.useState)(()=>void 0),[p,x]=(0,n.useState)(()=>void 0),[N,A]=(0,n.useState)(()=>void 0),[E,R]=(0,n.useState)(()=>""),[L,_]=(0,n.useState)(()=>""),[S,j]=(0,n.useState)(()=>""),[z,C]=(0,n.useState)(()=>!1),[F,B]=(0,n.useState)(()=>"");function I(a){var e;return null!==(e=a.label)&&void 0!==e?e:a.value.toString()}return(0,n.useEffect)(()=>{var e;C(!0);let t=null!==(e=a.id)&&void 0!==e?e:"select-".concat((0,o.uR)());g(t),w(t+d.kc),x(t+d.Pm),A(t+d.e5),R(t+d.mu)},[]),(0,n.useEffect)(()=>{if(b&&z){let e=b+d.kc,t=b+d.mu;w(e),x(b+d.Pm),A(b+d.e5),R(t),(0,o.JQ)(a.message,a.showMessage)?_(e):_(t),C(!1)}},[b,z]),(0,n.useEffect)(()=>{j(a.value)},[a.value]),(0,i.jsxs)("div",{...(0,o.vC)(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"]),className:(0,o.xF)("db-select",a.className),"data-variant":a.variant,"data-hide-label":(0,o.YA)(a.showLabel),"data-icon":a.icon,"data-hide-icon":(0,o.YA)(a.showIcon),children:[(0,i.jsx)("label",{htmlFor:b,children:null!==(l=a.label)&&void 0!==l?l:d.$6}),(0,i.jsxs)("select",{"aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,ref:h,...(0,o.MD)(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"]),required:a.required,disabled:a.disabled,id:b,name:a.name,value:a.value,autoComplete:a.autocomplete,onInput:e=>{a.onInput&&a.onInput(e),a.input&&a.input(e)},onClick:e=>{a.onClick&&a.onClick(e)},onChange:e=>{var t,i,n,r,c,l;a.onChange&&a.onChange(e),a.change&&a.change(e),(null===(t=h.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==a.validation?"valid"===a.validation||(null===(i=h.current)||void 0===i?void 0:i.validity.valid)&&a.required?(_(p),(0,o.LB)()&&(B(null!==(l=a.validMessage)&&void 0!==l?l:d.r2),(0,o.cb)(()=>B(""),1e3))):(0,o.JQ)(a.message,a.showMessage)?_(m):_(E):(_(N),(0,o.LB)()&&(B(null!==(c=null!==(r=a.invalidMessage)&&void 0!==r?r:null===(n=h.current)||void 0===n?void 0:n.validationMessage)&&void 0!==c?c:d.MA),(0,o.cb)(()=>B(""),1e3)))},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)},"aria-describedby":L,children:[(0,i.jsx)("option",{hidden:!0}),a.options?(0,i.jsx)(n.Fragment,{children:null===(t=a.options)||void 0===t?void 0:t.map(a=>{var e;return(0,i.jsxs)(n.Fragment,{children:[a.options?(0,i.jsx)("optgroup",{label:I(a),children:null===(e=a.options)||void 0===e?void 0:e.map(a=>(0,i.jsx)("option",{value:a.value,disabled:a.disabled,children:I(a)},a.value.toString()))}):null,a.options?null:(0,i.jsx)("option",{value:a.value,disabled:a.disabled,children:I(a)})]},(0,o.uR)())})},(0,o.uR)()):null,a.children]}),(0,i.jsx)("span",{id:E,children:null!==(s=a.placeholder)&&void 0!==s?s:a.label}),(0,o.JQ)(a.message,a.showMessage)?(0,i.jsx)(r.A,{size:"small",icon:a.messageIcon,id:m,children:a.message}):null,(0,i.jsx)(r.A,{size:"small",semantic:"successful",id:p,children:null!==(u=a.validMessage)&&void 0!==u?u:d.r2}),(0,i.jsx)(r.A,{size:"small",semantic:"critical",id:N,children:null!==(v=null!==(f=a.invalidMessage)&&void 0!==f?f:null===(c=h.current)||void 0===c?void 0:c.validationMessage)&&void 0!==v?v:d.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:F})]})})},29820:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e);return(0,i.jsx)("div",{ref:t,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-stack",a.className),"data-gap":a.gap,"data-variant":a.variant,"data-direction":a.direction,"data-alignment":a.alignment,"data-justify-content":a.justifyContent,"data-wrap":(0,o.EB)(a.wrap),children:a.children})})},98142:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[d,r]=(0,n.useState)(()=>void 0),[c,l]=(0,n.useState)(()=>!1),[s,u]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{var e;r(null!==(e=a.id)&&void 0!==e?e:"switch-".concat((0,o.uR)()))},[]),(0,i.jsxs)("label",{"data-visual-aid":(0,o.EB)(a.visualAid),"data-size":a.size,"data-hide-label":(0,o.YA)(a.showLabel),"data-emphasis":a.emphasis,htmlFor:d,...(0,o.vC)(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"]),className:(0,o.xF)("db-switch",a.className),children:[(0,i.jsx)("input",{type:"checkbox",role:"switch",id:d,"aria-checked":c,ref:t,...(0,o.MD)(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"]),checked:a.checked,disabled:a.disabled,"aria-describedby":a.describedbyid,"aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,name:a.name,required:a.required,"data-aid-icon":a.icon,"data-aid-icon-after":a.iconAfter,onChange:e=>{var t;a.onChange&&a.onChange(e),a.change&&a.change(e),l(null===(t=e.target)||void 0===t?void 0:t.checked)},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)}}),a.label?(0,i.jsx)(i.Fragment,{children:a.label}):(0,i.jsx)(i.Fragment,{children:a.children})]})})},10300:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[d,r]=(0,n.useState)(()=>!1),[c,l]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{r(!0)},[]),(0,n.useEffect)(()=>{a.active&&d&&t.current&&(t.current.click(),r(!1))},[t.current,d]),(0,i.jsx)("li",{role:"none",...(0,o.vC)(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"]),className:(0,o.xF)("db-tab-item",a.className),children:(0,i.jsxs)("label",{htmlFor:a.id,"data-icon":a.icon,"data-icon-after":a.iconAfter,"data-hide-icon":(0,o.YA)(a.showIcon),"data-hide-icon-after":(0,o.YA)(a.showIcon),"data-no-text":a.noText,children:[(0,i.jsx)("input",{type:"radio",role:"tab",disabled:a.disabled,"aria-selected":c,"aria-controls":a.controls,checked:a.checked,ref:t,...(0,o.MD)(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"]),id:a.id,onChange:e=>{var t;a.onChange&&a.onChange(e),a.change&&a.change(e),l(null===(t=e.target)||void 0===t?void 0:t.checked)}}),a.label?(0,i.jsx)(i.Fragment,{children:a.label}):null,a.children]})})})},97518:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[r,c]=(0,n.useState)(()=>d.Ye);return(0,n.useEffect)(()=>{c(a.id||"tab-list-"+(0,o.uR)())},[]),(0,i.jsx)("div",{ref:t,...(0,o.MD)(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"]),id:r,...(0,o.vC)(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"]),className:(0,o.xF)("db-tab-list",a.className),children:(0,i.jsx)("ul",{role:"tablist",children:a.children})})})},7852:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e);return(0,n.useEffect)(()=>{},[]),(0,i.jsxs)("section",{role:"tabpanel",ref:t,...(0,o.MD)(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"]),...(0,o.vC)(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"]),className:(0,o.xF)("db-tab-panel",a.className),id:a.id,"aria-labelledby":a.labelledBy,children:[a.content?(0,i.jsx)(i.Fragment,{children:a.content}):null,a.children]})})},79834:(a,e,t)=>{t.d(e,{A:()=>s});var i=t(31085),n=t(14041),o=t(5188),d=t(95374),r=t(97518),c=t(10300),l=t(7852);let s=(0,n.forwardRef)(function(a,e){var t,s,u,f;let v=e||(0,n.useRef)(e),[h,b]=(0,n.useState)(()=>"tabs-"+(0,o.uR)()),[g,m]=(0,n.useState)(()=>""),[w,p]=(0,n.useState)(()=>!1),[x,N]=(0,n.useState)(()=>!1),[A,E]=(0,n.useState)(()=>!1),[R,L]=(0,n.useState)(()=>null);function _(a){try{if("string"==typeof a)return JSON.parse(a);return a}catch(a){console.error(a)}return[]}function S(a){let e=a.scrollWidth>a.clientWidth;N(e&&a.scrollLeft>1),E(e&&a.scrollLeft{S(t)}))}}}function C(e){if(v.current){let t=Array.from(v.current.getElementsByClassName("db-tab-item"));for(let i of t){let n=t.indexOf(i),o=i.querySelector("label"),d=i.querySelector("input");if(d&&o){if(!d.id){let a="".concat(g,"-tab-").concat(n);o.setAttribute("for",a),d.setAttribute("aria-controls","".concat(g,"-tab-panel-").concat(n)),d.id=a,d.setAttribute("name",g)}if(e){let e=!a.initialSelectedMode||"auto"===a.initialSelectedMode,t=null==a.initialSelectedIndex&&0===n||a.initialSelectedIndex===n;e&&t&&d.click()}}}let i=Array.from(v.current.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(let a of i){if(a.id)continue;let e=i.indexOf(a);a.id="".concat(g,"-tab-panel-").concat(e),a.setAttribute("aria-labelledby","".concat(g,"-tab-").concat(e))}}}return(0,n.useEffect)(()=>{b(a.id||h),m("tabs-".concat(a.name||(0,o.uR)())),p(!0)},[]),(0,n.useEffect)(()=>{if(v.current&&w){z(),C(!0);let a=v.current.querySelector(".db-tab-list");a&&new MutationObserver(a=>{a.forEach(a=>{(a.removedNodes.length||a.addedNodes.length)&&(z(),C())})}).observe(a,{childList:!0,subtree:!0}),p(!1)}},[v.current,w]),(0,i.jsxs)("div",{ref:v,...(0,o.MD)(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"]),id:h,...(0,o.vC)(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"]),className:(0,o.xF)("db-tabs",a.className),"data-orientation":a.orientation,"data-scroll-behaviour":a.behaviour,"data-alignment":null!==(u=a.alignment)&&void 0!==u?u:"start","data-width":null!==(f=a.width)&&void 0!==f?f:"auto",children:[x?(0,i.jsx)(d.A,{className:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",noText:!0,onClick:a=>j(!0),children:"Scroll left"}):null,a.tabs?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.A,{children:null===(t=_(a.tabs))||void 0===t?void 0:t.map((e,t)=>(0,i.jsx)(c.A,{active:e.active,label:e.label,iconAfter:e.iconAfter,icon:e.icon,noText:e.noText},a.name+"tab-item"+t))}),null===(s=_(a.tabs))||void 0===s?void 0:s.map((e,t)=>(0,i.jsx)(l.A,{content:e.content,children:e.children},a.name+"tab-panel"+t))]}):null,A?(0,i.jsx)(d.A,{className:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",noText:!0,onClick:a=>j(),children:"Scroll right"}):null,a.children]})})},85776:(a,e,t)=>{t.d(e,{A:()=>d});var i=t(31085),n=t(14041),o=t(5188);let d=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[d,r]=(0,n.useState)(()=>!1);function c(){return a.removeButton?a.removeButton:"Remove tag"}let l=(0,n.useRef)(!1);return l.current||(r(!0),l.current=!0),(0,n.useEffect)(()=>{if(d&&t.current&&void 0!==a.disabled){var e,i;for(let n of[null===(e=t.current)||void 0===e?void 0:e.querySelector("button:not(.db-tab-remove-button)"),null===(i=t.current)||void 0===i?void 0:i.querySelector("input")])n&&(n.disabled=a.disabled)}},[d,a.disabled,t.current]),(0,i.jsxs)("div",{ref:t,...(0,o.MD)(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"]),id:a.id,...(0,o.vC)(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"]),className:(0,o.xF)("db-tag",a.className),"data-disabled":(0,o.EB)(a.disabled),"data-semantic":a.semantic,"data-emphasis":a.emphasis,"data-icon":a.icon,"data-hide-icon":(0,o.YA)(a.showIcon),"data-no-text":(0,o.EB)(a.noText),"data-overflow":(0,o.EB)(a.overflow),children:[a.children,a.text?(0,i.jsx)(i.Fragment,{children:a.text}):null,"removable"===a.behaviour?(0,i.jsx)("button",{className:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:e=>void(a.onRemove&&a.onRemove()),title:c(),children:c()}):null]})})},85194:(a,e,t)=>{t.d(e,{A:()=>c});var i=t(31085),n=t(14041),o=t(64140),d=t(5188),r=t(81947);let c=(0,n.forwardRef)(function(a,e){var t,c,l,s,u,f,v;let h=e||(0,n.useRef)(e),[b,g]=(0,n.useState)(()=>void 0),[m,w]=(0,n.useState)(()=>void 0),[p,x]=(0,n.useState)(()=>void 0),[N,A]=(0,n.useState)(()=>void 0),[E,R]=(0,n.useState)(()=>""),[L,_]=(0,n.useState)(()=>""),[S,j]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var e;let t=null!==(e=a.id)&&void 0!==e?e:"textarea-".concat((0,d.uR)());g(t),w(t+r.kc),x(t+r.Pm),A(t+r.e5)},[]),(0,n.useEffect)(()=>{if(b){let e=b+r.kc;w(e),x(b+r.Pm),A(b+r.e5),(0,d.JQ)(a.message,a.showMessage)&&R(e)}},[b]),(0,n.useEffect)(()=>{_(a.value)},[a.value]),(0,i.jsxs)("div",{...(0,d.vC)(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"]),className:(0,d.xF)("db-textarea",a.className),"data-variant":a.variant,"data-hide-label":(0,d.YA)(a.showLabel),children:[(0,i.jsx)("label",{htmlFor:b,children:null!==(c=a.label)&&void 0!==c?c:r.$6}),(0,i.jsx)("textarea",{"aria-invalid":"invalid"===a.validation,"data-custom-validity":a.validation,ref:h,...(0,d.MD)(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"]),id:b,"data-resize":a.resize,disabled:a.disabled,required:a.required,readOnly:a.readOnly,form:a.form,maxLength:a.maxLength,minLength:a.minLength,name:a.name,wrap:a.wrap,spellCheck:a.spellCheck,autoComplete:a.autocomplete,onInput:e=>{a.onInput&&a.onInput(e),a.input&&a.input(e)},onChange:e=>{var t,i,n,o,c,l;a.onChange&&a.onChange(e),a.change&&a.change(e),(null===(t=h.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==a.validation?"valid"===a.validation||(null===(i=h.current)||void 0===i?void 0:i.validity.valid)&&(a.required||a.minLength||a.maxLength)?(R(p),(0,d.LB)()&&(j(null!==(l=a.validMessage)&&void 0!==l?l:r.r2),(0,d.cb)(()=>j(""),1e3))):(0,d.JQ)(a.message,a.showMessage)?R(m):R(""):(R(N),(0,d.LB)()&&(j(null!==(c=null!==(o=a.invalidMessage)&&void 0!==o?o:null===(n=h.current)||void 0===n?void 0:n.validationMessage)&&void 0!==c?c:r.MA),(0,d.cb)(()=>j(""),1e3)))},onBlur:e=>{a.onBlur&&a.onBlur(e),a.blur&&a.blur(e)},onFocus:e=>{a.onFocus&&a.onFocus(e),a.focus&&a.focus(e)},value:a.value,"aria-describedby":E,placeholder:null!==(l=a.placeholder)&&void 0!==l?l:r.GW,rows:null!==(s=a.rows)&&void 0!==s?s:r.YK,cols:a.cols}),(0,d.JQ)(a.message,a.showMessage)?(0,i.jsx)(o.A,{size:"small",icon:a.messageIcon,id:m,children:a.message}):null,(0,i.jsx)(o.A,{size:"small",semantic:"successful",id:p,children:null!==(u=a.validMessage)&&void 0!==u?u:r.r2}),(0,i.jsx)(o.A,{size:"small",semantic:"critical",id:N,children:null!==(v=null!==(f=a.invalidMessage)&&void 0!==f?f:null===(t=h.current)||void 0===t?void 0:t.validationMessage)&&void 0!==v?v:r.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:S})]})})},20156:(a,e,t)=>{t.d(e,{A:()=>r});var i=t(31085),n=t(14041),o=t(5188),d=t(81947);let r=(0,n.forwardRef)(function(a,e){let t=e||(0,n.useRef)(e),[r,c]=(0,n.useState)(()=>d.Ye),[l,s]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{c(a.id||"tooltip-"+(0,o.uR)()),s(!0)},[]),(0,n.useEffect)(()=>{if(t.current&&l){let a=t.current.parentElement;a&&a.localName.includes("tooltip")&&(a=a.parentElement),a&&(["mouseenter","focus"].forEach(e=>{a.addEventListener(e,()=>void((null==t?void 0:t.current)&&(0,o.ef)(t.current)))}),a.setAttribute("data-has-tooltip","true"),a.setAttribute("aria-describedby",r)),s(!1)}},[t.current,l]),(0,i.jsx)("i",{role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t,...(0,o.MD)(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"]),...(0,o.vC)(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"]),className:(0,o.xF)("db-tooltip",a.className),id:r,"data-emphasis":a.emphasis,"data-animation":a.animation,"data-delay":a.delay,"data-width":a.width,"data-variant":a.variant,"data-placement":a.placement,onClick:a=>(function(a){a.stopPropagation()})(a),children:a.children})})},81947:(a,e,t)=>{t.d(e,{$6:()=>n,GW:()=>o,MA:()=>f,Mv:()=>h,Pm:()=>r,YK:()=>g,Ye:()=>i,e5:()=>c,iT:()=>b,kc:()=>d,mt:()=>m,mu:()=>l,r2:()=>u,sR:()=>v,x9:()=>s});let i="OVERWRITE_DEFAULT_ID",n="LABEL SHOULD BE SET",o=" ",d="-message",r="-valid-message",c="-invalid-message",l="-placeholder",s="-datalist",u="TODO: Add a validMessage",f="TODO: Add an invalidMessage",v="Back",h="BurgerMenu",b="brand",g=4,m="Close Button";Object.entries(function(a){return a.FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",a}({})).map(a=>{let[,e]=a;return e});var w=function(a){return a.PRIMARY="primary",a}({});Object.entries(function(a){return a.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",a.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",a.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",a.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",a.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",a.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",a.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",a.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",a.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",a.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",a.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",a.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",a.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",a.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",a.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",a.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",a.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",a.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",a.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",a.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",a.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",a.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",a.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",a.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",a.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",a.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",a.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",a.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",a.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",a.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full",a}({})).map(a=>{let[,e]=a;return e}),Object.entries(w).map(a=>{let[,e]=a;return e}),Object.entries(function(a){return a.CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",a}({})).map(a=>{let[,e]=a;return e})},44608:(a,e,t)=>{t.d(e,{D1:()=>o,JR:()=>n});var i=t(5188);let n=a=>{var e,t;let{target:i}=a;return!!(!(null==i?void 0:null===(e=i.classList)||void 0===e?void 0:e.contains("db-navigation-item-expand-button"))&&(null==i?void 0:null===(t=i.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class o{init(){var a,e;let t=null!==(e=null===(a=this.parentSubNavigation)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==e?e:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var a,e;if(!this.initialized||this.triangleData)return;let t=(0,i.ef)(this.subNavigation),n=this.element.getBoundingClientRect(),o=null!==(e=null===(a=this.parentSubNavigation)||void 0===a?void 0:a.getBoundingClientRect().width)&&void 0!==e?e:0;this.triangleData={itemRect:n,parentElementWidth:o,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(o-n.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let a=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?a+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):a}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let a="right"===this.triangleData.outsideVX;return!!a&&this.mouseX<-1*this.triangleData.padding||!a&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(a){if(!this.triangleData)return;if("fill-gap"===a){let a="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),e="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(e," ").concat(a),lt:"".concat(e," 0"),rt:"100% 0",rb:"100% ".concat(a)}}let e=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(e,"px ").concat(t,"px"),lt:"".concat(e,"px ").concat(t,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(a){if(!this.initialized||!this.triangleData)return;this.mouseX=a.clientX-this.triangleData.itemRect.left,this.mouseY=a.clientY-this.triangleData.itemRect.top;let e=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(e?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),e&&(this.triangleData=void 0))}constructor(a,e){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=a,this.subNavigation=e,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},51034:(a,e,t)=>{t.d(e,{D_:()=>d,HI:()=>i,fY:()=>o,kC:()=>s,lm:()=>l,o$:()=>c,wr:()=>n});let i="density",n="color";var o=function(a){return a.FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",a}({});let d=Object.entries(o).map(a=>{let[,e]=a;return e});var r=function(a){return a.PRIMARY="primary",a}({}),c=function(a){return a.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",a.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",a.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",a.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",a.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",a.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",a.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",a.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",a.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",a.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",a.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",a.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",a.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",a.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",a.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",a.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",a.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",a.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",a.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",a.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",a.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",a.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",a.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",a.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",a.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",a.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",a.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",a.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",a.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",a.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full",a}({});let l=Object.entries(c).map(a=>{let[,e]=a;return e});Object.entries(r).map(a=>{let[,e]=a;return e});let s=Object.entries(function(a){return a.CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",a}({})).map(a=>{let[,e]=a;return e})}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/148-be5a07d7f12030ed.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/148-be5a07d7f12030ed.js new file mode 100644 index 000000000000..c2ff9b98c828 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/148-be5a07d7f12030ed.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[148],{7767:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var s=n(31085),d=n(71184);function r(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"elm-button"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-button"})}),(0,s.jsx)(t.td,{})]})})]}),"\n",(0,s.jsx)(t.h3,{id:"sizes",children:"sizes"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"large"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["it became obsolete mainly due to our ",(0,s.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/densities",children:"density"})," introduction"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"regular"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["there is a default (",(0,s.jsx)(t.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"variants",children:"variants"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsxs)(t.td,{children:["not valid anymore, use ",(0,s.jsx)(t.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"brand-primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-outline"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"outlined"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-solid"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"solid"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"tertiary-plain"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"text"})}),(0,s.jsx)(t.td,{})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"icons",children:"icons"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconAfter"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconOnly"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"noText"})}),(0,s.jsx)(t.td,{})]})]})]})]})}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,d.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/2124-a3daea410c69561c.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/2124-a3daea410c69561c.js new file mode 100644 index 000000000000..77f369181c8b --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/2124-a3daea410c69561c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2124],{42124:(e,a,t)=>{t.d(a,{A:()=>u});var n=t(31085),r=t(31242),i=t(34747),s=t.n(i),c=t(83952),o=t(85958),l=t(64286),d=t(80692);let u=()=>{var e;let a=(0,r.useRouter)(),t=(0,o.g9)().find(e=>e.path===a.asPath);return(0,n.jsx)(c.A,{noNavigation:!0,children:t&&(0,n.jsx)("div",{className:"card-navigation",children:null===(e=t.subNavigation)||void 0===e?void 0:e.map((e,a)=>{var t;return(0,n.jsx)(s(),{href:null!==(t=e.path)&&void 0!==t?t:"/",children:(0,n.jsxs)(l.A,{behaviour:"interactive",spacing:"medium",children:[(0,n.jsxs)("small",{children:[a+1,"."]}),(0,n.jsx)("p",{children:e.label}),(0,n.jsx)(d.A,{icon:"arrow_right",children:"Next"})]})},"navigation-card-".concat(e.path))})})})}},83952:(e,a,t)=>{t.d(a,{A:()=>W});var n=t(31085),r=t(31242),i=t(83894),s=t.n(i),c=t(14041),o=t(30127),l=t(34747),d=t.n(l),u=t(5188);let h=(0,c.forwardRef)(function(e,a){let t=a||(0,c.useRef)(a),[r,i]=(0,c.useState)(()=>!1),s=(0,c.useRef)(!1);return s.current||(document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document"),s.current=!0),(0,c.useEffect)(()=>{i(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{i(!0)}):i(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,n.jsxs)("div",{ref:t,...(0,u.MD)(e,["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"]),id:e.id,...(0,u.vC)(e,["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"]),className:(0,u.xF)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":(0,u.EB)(r),children:[(0,n.jsx)(n.Fragment,{children:e.header}),(0,n.jsx)("main",{className:"db-main",children:e.children}),(0,n.jsx)(n.Fragment,{children:e.footer})]})});var f=t(23116),p=t(23944),v=t(95374),m=t(12764),g=t(80692),x=t(64286),b=t(85958),j=t(61338),y=t(6900);let w=(e,a,t)=>{if(!t.query.slug)return a.path===t.pathname;let{slug:n}=t.query,r=Array.isArray(n)?n:[n];return a.path==="/components/".concat(r.join("/"))},A=e=>{var a;let{navItem:t}=e,i=(0,r.useRouter)(),s=w(i.pathname,t,i);return(0,n.jsx)(y.A,{backButtonText:"Back to ".concat(t.label),subNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.filter(e=>{let{isHiddenInMenu:a}=e;return!0!==a}).map(e=>(0,n.jsx)(A,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(d(),{href:null!==(a=t.path)&&void 0!==a?a:"","aria-current":s?"page":void 0,children:t.label},"router-path-".concat(t.path))})},N=()=>(0,n.jsx)(j.A,{children:b.bw.map(e=>(0,n.jsx)(A,{navItem:e},"router-path-".concat(e.path)))});var q=t(97519),S=t(47982);let E=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",R="mono",_=()=>{let e=(0,r.useRouter)(),[a,t]=(0,c.useState)(),[i,s]=(0,c.useState)(),o=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&s(n)},l=(e,a)=>{let n=[],r=[],i=[],s=[],c=[],o=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?i.push(e):e.startsWith("refactor")?s.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?o.push(e):n.push(e);t({others:n,features:r,docs:o,refactors:s,issues:c,bugfixes:i,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await E("https://api.github.com/repos/".concat(k,"/").concat(R,"/branches")),a=(await E("https://api.github.com/repos/".concat(k,"/").concat(R,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));a.unshift("latest"),o(t),o(a),l(a,t)})().catch(e=>{console.error(e)})},[]);let d=a=>{let t=e.asPath,n=3===a.split(".").length&&a.startsWith("v")||"latest"===a;globalThis.location.replace(q.A.sanitize("https://".concat(k,".github.io/").concat(R).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(S.A,{className:"version-switcher",label:"Version switcher",variant:"floating",value:i,onChange:e=>{d(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null},I=e=>{var a,t;let{children:i,noNavigation:s}=e,[l,u]=(0,c.useState)(!1),[j,y]=(0,c.useState)(!1),[w,A]=(0,c.useState)(!1),[q,S]=(0,c.useState)(!1),[E,k]=(0,c.useState)(),[R,I]=(0,c.useState)(),[W,F]=(0,c.useState)(),[P,z]=(0,c.useState)(),O=(0,r.useRouter)();return(0,c.useEffect)(()=>{o.A.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),o.A.highlightAll()},[]),(0,c.useEffect)(()=>{if(O.query&&(O.query.fullscreen&&u("true"===O.query.fullscreen),O.query.page&&u(!0),O.query.noh1&&y("true"===O.query.noh1),O.query.properties&&A("true"===O.query.properties),O.query.current)){let a=Array.isArray(O.query.current)?O.query.current[0]:O.query.current;if(E!==a){var e;k(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let a=O.asPath.split("?")[0],{previous:t,next:n}=(0,b.Pb)(a);I(t),F(n),z((0,b.Oj)(a))},[O]),(0,n.jsxs)(n.Fragment,{children:[O.isReady&&l&&(0,n.jsx)("div",{className:"".concat(j?"noh1":""," ").concat(w?"is-properties":""),children:i}),O.isReady&&!l&&(0,n.jsxs)(h,{fadeIn:!0,variant:"fixed",header:(0,n.jsx)(f.A,{drawerOpen:q,onToggle:S,brand:(0,n.jsx)(p.A,{children:"DB UX"}),primaryAction:(0,n.jsx)(v.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,n.jsx)(_,{}),children:(0,n.jsx)(N,{})}),children:[P&&P.length>1&&(0,n.jsx)(m.A,{spacing:"none",width:"large",children:(0,n.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==P?void 0:P.map(e=>{var a;return(0,n.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,n.jsx)(g.A,{icon:"chevron_right"}),(0,n.jsx)(d(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(a=e.path)&&void 0!==a?a:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,n.jsx)(m.A,{spacing:"none",width:"large",children:i}),!s&&(null!=R?R:W)&&(0,n.jsxs)(m.A,{width:"large",spacing:"small",className:"link-containers",children:[R&&(0,n.jsx)(d(),{className:"previous-link-container",href:null!==(a=R.path)&&void 0!==a?a:"/",children:(0,n.jsxs)(x.A,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Previous"}),(0,n.jsx)("span",{"data-icon":"arrow_left",children:R.label})]})}),W&&(0,n.jsx)(d(),{className:"next-link-container",href:null!==(t=W.path)&&void 0!==t?t:"/",children:(0,n.jsxs)(x.A,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Next"}),(0,n.jsx)("span",{"data-icon-after":"arrow_right",children:W.label})]})})]})]})]})},W=s()(async()=>I,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/3578-e443004a7971fa82.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/3578-e443004a7971fa82.js new file mode 100644 index 000000000000..47cddb1502d7 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/3578-e443004a7971fa82.js @@ -0,0 +1,2 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3578],{3617:(e,t,r)=>{"use strict";function n(){throw Error("`forbidden()` is experimental and only allowed to be enabled when `experimental.authInterrupts` is enabled.")}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"forbidden",{enumerable:!0,get:function(){return n}}),r(46713).HTTP_ERROR_FALLBACK_ERROR_CODE,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},62748:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{DynamicServerError:function(){return n},isDynamicServerError:function(){return o}});let r="DYNAMIC_SERVER_USAGE";class n extends Error{constructor(e){super("Dynamic server usage: "+e),this.description=e,this.digest=r}}function o(e){return"object"==typeof e&&null!==e&&"digest"in e&&"string"==typeof e.digest&&e.digest===r}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},40036:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{ReadonlyURLSearchParams:function(){return c.ReadonlyURLSearchParams},RedirectType:function(){return c.RedirectType},ServerInsertedHTMLContext:function(){return d.ServerInsertedHTMLContext},forbidden:function(){return c.forbidden},notFound:function(){return c.notFound},permanentRedirect:function(){return c.permanentRedirect},redirect:function(){return c.redirect},unauthorized:function(){return c.unauthorized},unstable_rethrow:function(){return c.unstable_rethrow},useParams:function(){return y},usePathname:function(){return f},useRouter:function(){return p},useSearchParams:function(){return l},useSelectedLayoutSegment:function(){return m},useSelectedLayoutSegments:function(){return h},useServerInsertedHTML:function(){return d.useServerInsertedHTML}});let n=r(14041),o=r(86412),a=r(8925),u=r(65439),i=r(62956),c=r(60737),s=r(7121),d=r(75799);function l(){let e=(0,n.useContext)(a.SearchParamsContext);return(0,n.useMemo)(()=>e?new c.ReadonlyURLSearchParams(e):null,[e])}function f(){return(0,s.useDynamicRouteParams)("usePathname()"),(0,n.useContext)(a.PathnameContext)}function p(){let e=(0,n.useContext)(o.AppRouterContext);if(null===e)throw Error("invariant expected app router to be mounted");return e}function y(){return(0,s.useDynamicRouteParams)("useParams()"),(0,n.useContext)(a.PathParamsContext)}function h(e){void 0===e&&(e="children"),(0,s.useDynamicRouteParams)("useSelectedLayoutSegments()");let t=(0,n.useContext)(o.LayoutRouterContext);return t?function e(t,r,n,o){let a;if(void 0===n&&(n=!0),void 0===o&&(o=[]),n)a=t[1][r];else{var c;let e=t[1];a=null!=(c=e.children)?c:Object.values(e)[0]}if(!a)return o;let s=a[0],d=(0,u.getSegmentValue)(s);return!d||d.startsWith(i.PAGE_SEGMENT_KEY)?o:(o.push(d),e(a,r,!1,o))}(t.tree,e):null}function m(e){void 0===e&&(e="children"),(0,s.useDynamicRouteParams)("useSelectedLayoutSegment()");let t=h(e);if(!t||0===t.length)return null;let r="children"===e?t[0]:t[t.length-1];return r===i.DEFAULT_SEGMENT_KEY?null:r}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},60737:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{ReadonlyURLSearchParams:function(){return d},RedirectType:function(){return o.RedirectType},forbidden:function(){return u.forbidden},notFound:function(){return a.notFound},permanentRedirect:function(){return n.permanentRedirect},redirect:function(){return n.redirect},unauthorized:function(){return i.unauthorized},unstable_rethrow:function(){return c.unstable_rethrow}});let n=r(17686),o=r(37585),a=r(13224),u=r(3617),i=r(94772),c=r(87188);class s extends Error{constructor(){super("Method unavailable on `ReadonlyURLSearchParams`. Read more: https://nextjs.org/docs/app/api-reference/functions/use-search-params#updating-searchparams")}}class d extends URLSearchParams{append(){throw new s}delete(){throw new s}set(){throw new s}sort(){throw new s}}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},13224:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"notFound",{enumerable:!0,get:function(){return o}});let n=""+r(46713).HTTP_ERROR_FALLBACK_ERROR_CODE+";404";function o(){let e=Error(n);throw e.digest=n,e}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},17686:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getRedirectError:function(){return u},getRedirectStatusCodeFromError:function(){return l},getRedirectTypeFromError:function(){return d},getURLFromRedirectError:function(){return s},permanentRedirect:function(){return c},redirect:function(){return i}});let n=r(29593),o=r(70811),a=r(37585);function u(e,t,r){void 0===r&&(r=o.RedirectStatusCode.TemporaryRedirect);let n=Error(a.REDIRECT_ERROR_CODE);return n.digest=a.REDIRECT_ERROR_CODE+";"+t+";"+e+";"+r+";",n}function i(e,t){let r=n.actionAsyncStorage.getStore();throw u(e,t||((null==r?void 0:r.isAction)?a.RedirectType.push:a.RedirectType.replace),o.RedirectStatusCode.TemporaryRedirect)}function c(e,t){throw void 0===t&&(t=a.RedirectType.replace),u(e,t,o.RedirectStatusCode.PermanentRedirect)}function s(e){return(0,a.isRedirectError)(e)?e.digest.split(";").slice(2,-2).join(";"):null}function d(e){if(!(0,a.isRedirectError)(e))throw Error("Not a redirect error");return e.digest.split(";",2)[1]}function l(e){if(!(0,a.isRedirectError)(e))throw Error("Not a redirect error");return Number(e.digest.split(";").at(-2))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},65439:(e,t)=>{"use strict";function r(e){return Array.isArray(e)?e[1]:e}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getSegmentValue",{enumerable:!0,get:function(){return r}}),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},79794:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{StaticGenBailoutError:function(){return n},isStaticGenBailoutError:function(){return o}});let r="NEXT_STATIC_GEN_BAILOUT";class n extends Error{constructor(...e){super(...e),this.code=r}}function o(e){return"object"==typeof e&&null!==e&&"code"in e&&e.code===r}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},94772:(e,t,r)=>{"use strict";function n(){throw Error("`unauthorized()` is experimental and only allowed to be used when `experimental.authInterrupts` is enabled.")}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"unauthorized",{enumerable:!0,get:function(){return n}}),r(46713).HTTP_ERROR_FALLBACK_ERROR_CODE,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},87188:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"unstable_rethrow",{enumerable:!0,get:function(){return function e(t){if((0,u.isNextRouterError)(t)||(0,a.isBailoutToCSRError)(t)||(0,n.isDynamicUsageError)(t)||(0,o.isPostpone)(t))throw t;t instanceof Error&&"cause"in t&&e(t.cause)}}});let n=r(16660),o=r(99243),a=r(381),u=r(46345);("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},75799:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{ServerInsertedHTMLContext:function(){return o},useServerInsertedHTML:function(){return a}});let n=r(61263)._(r(14041)),o=n.default.createContext(null);function a(e){let t=(0,n.useContext)(o);t&&t(e)}},16660:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isDynamicUsageError",{enumerable:!0,get:function(){return i}});let n=r(62748),o=r(381),a=r(46345),u=r(7121),i=e=>(0,n.isDynamicServerError)(e)||(0,o.isBailoutToCSRError)(e)||(0,a.isNextRouterError)(e)||(0,u.isDynamicPostpone)(e)},83303:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{METADATA_BOUNDARY_NAME:function(){return r},OUTLET_BOUNDARY_NAME:function(){return o},VIEWPORT_BOUNDARY_NAME:function(){return n}});let r="__next_metadata_boundary__",n="__next_viewport_boundary__",o="__next_outlet_boundary__"},80192:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"actionAsyncStorageInstance",{enumerable:!0,get:function(){return n}});let n=(0,r(94743).createAsyncLocalStorage)()},29593:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"actionAsyncStorage",{enumerable:!0,get:function(){return n.actionAsyncStorageInstance}});let n=r(80192)},94743:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return u},createAsyncLocalStorage:function(){return a},createSnapshot:function(){return i}});let r=Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available");class n{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let o="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function a(){return o?new o:new n}function u(e){return o?o.bind(e):n.bind(e)}function i(){return o?o.snapshot():function(e,...t){return e(...t)}}},7121:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{Postpone:function(){return w},abortAndThrowOnSynchronousRequestDataAccess:function(){return R},abortOnSynchronousPlatformIOAccess:function(){return _},accessedDynamicData:function(){return M},annotateDynamicAccess:function(){return I},consumeDynamicAccess:function(){return T},createDynamicTrackingState:function(){return l},createDynamicValidationState:function(){return f},createPostponedAbortSignal:function(){return L},formatDynamicAPIAccesses:function(){return k},getFirstDynamicReason:function(){return p},isDynamicPostpone:function(){return D},isPrerenderInterruptedError:function(){return A},markCurrentScopeAsDynamic:function(){return y},postponeWithTracking:function(){return P},throwIfDisallowedDynamic:function(){return G},throwToInterruptStaticGeneration:function(){return m},trackAllowedDynamicAccess:function(){return F},trackDynamicDataInDynamicRender:function(){return b},trackFallbackParamAccessed:function(){return h},trackSynchronousPlatformIOAccessInDev:function(){return E},trackSynchronousRequestDataAccessInDev:function(){return S},useDynamicRouteParams:function(){return U}});let n=function(e){return e&&e.__esModule?e:{default:e}}(r(14041)),o=r(62748),a=r(79794),u=r(26721),i=r(87884),c=r(70078),s=r(83303),d="function"==typeof n.default.unstable_postpone;function l(e){return{isDebugDynamicAccesses:e,dynamicAccesses:[],syncDynamicExpression:void 0,syncDynamicErrorWithStack:null}}function f(){return{hasSuspendedDynamic:!1,hasDynamicMetadata:!1,hasDynamicViewport:!1,hasSyncDynamicErrors:!1,dynamicErrors:[]}}function p(e){var t;return null==(t=e.dynamicAccesses[0])?void 0:t.expression}function y(e,t,r){if((!t||"cache"!==t.type&&"unstable-cache"!==t.type)&&!e.forceDynamic&&!e.forceStatic){if(e.dynamicShouldError)throw new a.StaticGenBailoutError(`Route ${e.route} with \`dynamic = "error"\` couldn't be rendered statically because it used \`${r}\`. See more info here: https://nextjs.org/docs/app/building-your-application/rendering/static-and-dynamic#dynamic-rendering`);if(t){if("prerender-ppr"===t.type)P(e.route,r,t.dynamicTracking);else if("prerender-legacy"===t.type){t.revalidate=0;let n=new o.DynamicServerError(`Route ${e.route} couldn't be rendered statically because it used ${r}. See more info here: https://nextjs.org/docs/messages/dynamic-server-error`);throw e.dynamicUsageDescription=r,e.dynamicUsageStack=n.stack,n}}}}function h(e,t){let r=u.workUnitAsyncStorage.getStore();r&&"prerender-ppr"===r.type&&P(e.route,t,r.dynamicTracking)}function m(e,t,r){let n=new o.DynamicServerError(`Route ${t.route} couldn't be rendered statically because it used \`${e}\`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error`);throw r.revalidate=0,t.dynamicUsageDescription=e,t.dynamicUsageStack=n.stack,n}function b(e,t){t&&"cache"!==t.type&&"unstable-cache"!==t.type&&("prerender"===t.type||"prerender-legacy"===t.type)&&(t.revalidate=0)}function g(e,t,r){let n=x(`Route ${e} needs to bail out of prerendering at this point because it used ${t}.`);r.controller.abort(n);let o=r.dynamicTracking;o&&o.dynamicAccesses.push({stack:o.isDebugDynamicAccesses?Error().stack:void 0,expression:t})}function _(e,t,r,n){let o=n.dynamicTracking;return o&&null===o.syncDynamicErrorWithStack&&(o.syncDynamicExpression=t,o.syncDynamicErrorWithStack=r),g(e,t,n)}function E(e){e.prerenderPhase=!1}function R(e,t,r,n){let o=n.dynamicTracking;throw o&&null===o.syncDynamicErrorWithStack&&(o.syncDynamicExpression=t,o.syncDynamicErrorWithStack=r,!0===n.validating&&(o.syncDynamicLogged=!0)),g(e,t,n),x(`Route ${e} needs to bail out of prerendering at this point because it used ${t}.`)}let S=E;function w({reason:e,route:t}){let r=u.workUnitAsyncStorage.getStore();P(t,e,r&&"prerender-ppr"===r.type?r.dynamicTracking:null)}function P(e,t,r){C(),r&&r.dynamicAccesses.push({stack:r.isDebugDynamicAccesses?Error().stack:void 0,expression:t}),n.default.unstable_postpone(v(e,t))}function v(e,t){return`Route ${e} needs to bail out of prerendering at this point because it used ${t}. React throws this special object to indicate where. It should not be caught by your own try/catch. Learn more: https://nextjs.org/docs/messages/ppr-caught-error`}function D(e){return"object"==typeof e&&null!==e&&"string"==typeof e.message&&j(e.message)}function j(e){return e.includes("needs to bail out of prerendering at this point because it used")&&e.includes("Learn more: https://nextjs.org/docs/messages/ppr-caught-error")}if(!1===j(v("%%%","^^^")))throw Error("Invariant: isDynamicPostpone misidentified a postpone reason. This is a bug in Next.js");let O="NEXT_PRERENDER_INTERRUPTED";function x(e){let t=Error(e);return t.digest=O,t}function A(e){return"object"==typeof e&&null!==e&&e.digest===O&&"name"in e&&"message"in e&&e instanceof Error}function M(e){return e.length>0}function T(e,t){return e.dynamicAccesses.push(...t.dynamicAccesses),e.dynamicAccesses}function k(e){return e.filter(e=>"string"==typeof e.stack&&e.stack.length>0).map(({expression:e,stack:t})=>(t=t.split("\n").slice(4).filter(e=>!(e.includes("node_modules/next/")||e.includes(" ()")||e.includes(" (node:"))).join("\n"),`Dynamic API Usage Debug - ${e}: +${t}`))}function C(){if(!d)throw Error("Invariant: React.unstable_postpone is not defined. This suggests the wrong version of React was loaded. This is a bug in Next.js")}function L(e){C();let t=new AbortController;try{n.default.unstable_postpone(e)}catch(e){t.abort(e)}return t.signal}function I(e,t){let r=t.dynamicTracking;r&&r.dynamicAccesses.push({stack:r.isDebugDynamicAccesses?Error().stack:void 0,expression:e})}function U(e){if("undefined"==typeof window){let t=i.workAsyncStorage.getStore();if(t&&t.isStaticGeneration&&t.fallbackRouteParams&&t.fallbackRouteParams.size>0){let r=u.workUnitAsyncStorage.getStore();r&&("prerender"===r.type?n.default.use((0,c.makeHangingPromise)(r.renderSignal,e)):"prerender-ppr"===r.type?P(t.route,e,r.dynamicTracking):"prerender-legacy"===r.type&&m(e,t,r))}}}let $=/\n\s+at Suspense \(\)/,N=RegExp(`\\n\\s+at ${s.METADATA_BOUNDARY_NAME}[\\n\\s]`),B=RegExp(`\\n\\s+at ${s.VIEWPORT_BOUNDARY_NAME}[\\n\\s]`),W=RegExp(`\\n\\s+at ${s.OUTLET_BOUNDARY_NAME}[\\n\\s]`);function F(e,t,r,n,o){if(!W.test(t)){if(N.test(t)){r.hasDynamicMetadata=!0;return}if(B.test(t)){r.hasDynamicViewport=!0;return}if($.test(t)){r.hasSuspendedDynamic=!0;return}if(n.syncDynamicErrorWithStack||o.syncDynamicErrorWithStack){r.hasSyncDynamicErrors=!0;return}else{let n=function(e,t){let r=Error(e);return r.stack="Error: "+e+t,r}(`Route "${e}": A component accessed data, headers, params, searchParams, or a short-lived cache without a Suspense boundary nor a "use cache" above it. We don't have the exact line number added to error messages yet but you can see which component in the stack below. See more info: https://nextjs.org/docs/messages/next-prerender-missing-suspense`,t);r.dynamicErrors.push(n);return}}}function G(e,t,r,n){let o,u,i;if(r.syncDynamicErrorWithStack?(o=r.syncDynamicErrorWithStack,u=r.syncDynamicExpression,i=!0===r.syncDynamicLogged):n.syncDynamicErrorWithStack?(o=n.syncDynamicErrorWithStack,u=n.syncDynamicExpression,i=!0===n.syncDynamicLogged):(o=null,u=void 0,i=!1),t.hasSyncDynamicErrors&&o)throw i||console.error(o),new a.StaticGenBailoutError;let c=t.dynamicErrors;if(c.length){for(let e=0;e{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return n}});let n=(0,r(94743).createAsyncLocalStorage)()},87884:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return n.workAsyncStorageInstance}});let n=r(59121)},22024:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workUnitAsyncStorageInstance",{enumerable:!0,get:function(){return n}});let n=(0,r(94743).createAsyncLocalStorage)()},26721:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getExpectedRequestStore:function(){return o},getPrerenderResumeDataCache:function(){return a},getRenderResumeDataCache:function(){return u},workUnitAsyncStorage:function(){return n.workUnitAsyncStorageInstance}});let n=r(22024);function o(e){let t=n.workUnitAsyncStorageInstance.getStore();if(t){if("request"===t.type)return t;if("prerender"===t.type||"prerender-ppr"===t.type||"prerender-legacy"===t.type)throw Error(`\`${e}\` cannot be called inside a prerender. This is a bug in Next.js.`);if("cache"===t.type)throw Error(`\`${e}\` cannot be called inside "use cache". Call it outside and pass an argument instead. Read more: https://nextjs.org/docs/messages/next-request-in-use-cache`);if("unstable-cache"===t.type)throw Error(`\`${e}\` cannot be called inside unstable_cache. Call it outside and pass an argument instead. Read more: https://nextjs.org/docs/app/api-reference/functions/unstable_cache`)}throw Error(`\`${e}\` was called outside a request scope. Read more: https://nextjs.org/docs/messages/next-dynamic-api-wrong-context`)}function a(e){return"prerender"===e.type||"prerender-ppr"===e.type?e.prerenderResumeDataCache:null}function u(e){return"prerender-legacy"!==e.type&&"cache"!==e.type&&"unstable-cache"!==e.type?"request"===e.type?e.renderResumeDataCache:e.prerenderResumeDataCache:null}},70078:(e,t)=>{"use strict";function r(e,t){let r=new Promise((r,n)=>{e.addEventListener("abort",()=>{n(Error(`During prerendering, ${t} rejects when the prerender is complete. Typically these errors are handled by React but if you move ${t} to a different context by using \`setTimeout\`, \`after\`, or similar functions you may observe this error and you should handle it in that context.`))},{once:!0})});return r.catch(n),r}function n(){}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"makeHangingPromise",{enumerable:!0,get:function(){return r}})},99243:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isPostpone",{enumerable:!0,get:function(){return n}});let r=Symbol.for("react.postpone");function n(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}},42305:(e,t,r)=>{e.exports=r(40036)},31242:(e,t,r)=>{e.exports=r(56894)}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/5486-fea82cd636d300f8.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/5486-fea82cd636d300f8.js new file mode 100644 index 000000000000..4d660a5106dc --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/5486-fea82cd636d300f8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5486],{55486:function(e,t,r){var n;"undefined"!=typeof self&&self,n=function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t||4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,(function(t){return e[t]}).bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="lib/",r(r.s=5)}([function(t,r){t.exports=e},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ArcherContainerContextProvider=t.ArcherContainerContext=void 0;var o=n(r(0));t.ArcherContainerContext=o.default.createContext(null),t.ArcherContainerContextProvider=t.ArcherContainerContext.Provider},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.encodeId=void 0,t.encodeId=function(e){return encodeURI(e).replace(/%/g,"_")}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMarkerId=t.createShapeObj=t.getSourceToTargets=t.getEndShapeFromStyle=void 0;var n=["arrow","circle"];t.getEndShapeFromStyle=function(e){return e.endShape&&Object.keys(e.endShape).filter(function(e){return n.includes(e)})[0]||n[0]},t.getSourceToTargets=function(e){var t=Object.keys(e).map(function(t){return e[t]});return[].concat.apply([],t).sort(function(e,t){return e.order-t.order})},t.createShapeObj=function(e,r){return({arrow:function(){var t;return{arrow:Object.assign(Object.assign({},null==r?void 0:r.arrow),null===(t=e.endShape)||void 0===t?void 0:t.arrow)}},circle:function(){var t;return{circle:Object.assign(Object.assign({},null==r?void 0:r.circle),null===(t=e.endShape)||void 0===t?void 0:t.circle)}}})[(0,t.getEndShapeFromStyle)(e)]()},t.getMarkerId=function(e,t,r){return"".concat(e).concat(t.id).concat(r.id)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.endShapeDefaultProp=void 0,t.endShapeDefaultProp={arrow:{arrowLength:10,arrowThickness:6},circle:{radius:2,fillColor:"#f00",strokeColor:"#0ff",strokeWidth:1}}},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ArcherContainer=t.ArcherElement=void 0;var o=r(6);Object.defineProperty(t,"ArcherElement",{enumerable:!0,get:function(){return n(o).default}});var i=r(11);Object.defineProperty(t,"ArcherContainer",{enumerable:!0,get:function(){return n(i).default}})},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&("get"in o?t.__esModule:!o.writable&&!o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});var a=i(r(0)),s=r(7),u=r(1),c=r(2),l=r(8),f=r(10);t.default=function(e){var t=e.id,r=e.relations,n=void 0===r?[]:r,o=e.children,i=(0,a.useMemo)(function(){return(0,c.encodeId)(t)},[t]),d=(0,a.useContext)(u.ArcherContainerContext),h=(0,a.useRef)(),v=(0,a.useCallback)(function(e){var t=(0,f.generateSourceToTarget)(i,e);(0,f.assertContextExists)(d),d.registerTransitions(i,t)},[d,i]),p=(0,a.useCallback)(function(){(0,f.assertContextExists)(d),d.unregisterTransitions(i)},[d,i]),b=(0,a.useCallback)(function(e){e&&((0,f.assertContextExists)(d),d.registerChild(i,e))},[i,d]),y=(0,a.useCallback)(function(){(0,f.assertContextExists)(d),d.unregisterChild(i)},[d,i]);return(0,s.useIsomorphicLayoutEffect)(function(){return b(h.current),function(){return y()}},[b,y]),(0,l.useDeepCompareEffect)(function(){return v(n),function(){return p()}},[v,n,p]),a.default.Children.only(o),a.default.cloneElement(o,Object.assign(Object.assign({},o.props),{ref:h}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useIsomorphicLayoutEffect=void 0;var n=r(0);t.useIsomorphicLayoutEffect="undefined"!=typeof window?n.useLayoutEffect:n.useEffect},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDeepCompareEffect=void 0;var o=r(0),i=n(r(9));function a(e){var t=(0,o.useRef)();return(0,i.default)(e,t.current)||(t.current=e),t.current}t.useDeepCompareEffect=function(e,t){(0,o.useEffect)(e,t.map(a))}},function(e,t,r){"use strict";var n=Array.isArray,o=Object.keys,i=Object.prototype.hasOwnProperty,a="undefined"!=typeof Element;e.exports=function(e,t){try{return function e(t,r){if(t===r)return!0;if(t&&r&&"object"==typeof t&&"object"==typeof r){var s,u,c,l=n(t),f=n(r);if(l&&f){if((u=t.length)!=r.length)return!1;for(s=u;0!=s--;)if(!e(t[s],r[s]))return!1;return!0}if(l!=f)return!1;var d=t instanceof Date,h=r instanceof Date;if(d!=h)return!1;if(d&&h)return t.getTime()==r.getTime();var v=t instanceof RegExp,p=r instanceof RegExp;if(v!=p)return!1;if(v&&p)return t.toString()==r.toString();var b=o(t);if((u=b.length)!==o(r).length)return!1;for(s=u;0!=s--;)if(!i.call(r,b[s]))return!1;if(a&&t instanceof Element&&r instanceof Element)return t===r;for(s=u;0!=s--;)if(!("_owner"===(c=b[s])&&t.$$typeof||e(t[c],r[c])))return!1;return!0}return t!=t&&r!=r}(e,t)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-0x7ff5ffe4===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.generateSourceToTarget=t.assertContextExists=void 0;var n=r(2);t.assertContextExists=function(e){if(!e)throw Error("Could not find ArcherContainerContext in . Please wrap the component in a .")},t.generateSourceToTarget=function(e,t){return t.map(function(t){var r=t.targetId,o=t.sourceAnchor,i=t.targetAnchor,a=t.label,s=t.className,u=t.style,c=t.order,l=t.domAttributes,f=t.cursor,d=t.hitSlop;return{source:{id:(0,n.encodeId)(e),anchor:o},target:{id:(0,n.encodeId)(r),anchor:i},className:s,label:a,style:u,order:void 0===c?0:c,domAttributes:l,cursor:f,hitSlop:d}})}},function(e,t,r){"use strict";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],a=!0,s=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(s)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r0},u.prototype.connect_=function(){n&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),s?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},u.prototype.disconnect_=function(){n&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},u.prototype.onTransitionEnd_=function(e){var t=e.propertyName;void 0===t&&(t=""),a.some(function(e){return!!~t.indexOf(e)})&&this.refresh()},u.getInstance=function(){return this.instance_||(this.instance_=new u),this.instance_},u.instance_=null;var c=function(e,t){for(var r=0,n=Object.keys(t);r0;)t[r]=arguments[r+1];return t.reduce(function(t,r){return t+d(e["border-"+r+"-width"])},0)}var v="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof l(e).SVGGraphicsElement}:function(e){return e instanceof l(e).SVGElement&&"function"==typeof e.getBBox};function p(e,t,r,n){return{x:e,y:t,width:r,height:n}}var b=function(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=p(0,0,0,0),this.target=e};b.prototype.isActive=function(){var e,t,r=(e=this.target,n?v(e)?p(0,0,(t=e.getBBox()).width,t.height):function(e){var t=e.clientWidth,r=e.clientHeight;if(!t&&!r)return f;var n=l(e).getComputedStyle(e),o=function(e){for(var t={},r=0,n=["top","right","bottom","left"];r0};var g="undefined"!=typeof WeakMap?new WeakMap:new r,_=function(e){if(!(this instanceof _))throw TypeError("Cannot call a class as a function.");if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");var t=new m(e,u.getInstance(),this);g.set(this,t)};["observe","unobserve","disconnect"].forEach(function(e){_.prototype[e]=function(){var t;return(t=g.get(this))[e].apply(t,arguments)}});var w=void 0!==o.ResizeObserver?o.ResizeObserver:_;t.default=w}).call(this,r(13))},function(e,t){var r;r=function(){return this}();try{r=r||Function("return this")()}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgArrows=void 0;var o=n(r(0)),i=r(15),a=n(r(17)),s=r(3),u=function(e){var t,r,n=e.style||{},u=n.startMarker||e.startMarker,c=null===(r=null!==(t=n.endMarker)&&void 0!==t?t:e.endMarker)||void 0===r||r,l=(0,s.createShapeObj)(n,e.endShape),f=e.domAttributes,d=e.cursor,h=e.hitSlop,v=n.strokeColor||e.strokeColor,p=n.strokeWidth||e.strokeWidth,b=n.strokeDasharray||e.strokeDasharray,y=!(!n.noCurves&&!e.noCurves),m=n.lineStyle||e.lineStyle||(y?"angle":"curve"),g=e.offset||0,_=e.source.anchor,w=(0,i.getPointCoordinatesFromAnchorPosition)(e.source.anchor,e.source.id,e.parentCoordinates,e.refs),O=e.target.anchor,k=(0,i.getPointCoordinatesFromAnchorPosition)(e.target.anchor,e.target.id,e.parentCoordinates,e.refs);return w?k?o.default.createElement(a.default,{className:e.className,startingPoint:w,startingAnchorOrientation:_,endingPoint:k,endingAnchorOrientation:O,strokeColor:v,strokeWidth:p,strokeDasharray:b,arrowLabel:e.label,arrowMarkerId:(0,s.getMarkerId)(e.uniqueId,e.source,e.target),lineStyle:m,offset:g,enableStartMarker:!!u,disableEndMarker:!c,endShape:l,domAttributes:f,hitSlop:h,cursor:d}):(console.warn("[React Archer] Could not find target element! Not drawing the arrow."),null):(console.warn("[React Archer] Could not find starting point of element! Not drawing the arrow."),null)};t.SvgArrows=function(e){var t=(0,i.getPointFromElement)(e.parentCurrent);return t?o.default.createElement(o.default.Fragment,null,(0,s.getSourceToTargets)(e.sourceToTargetsMap).map(function(r){return o.default.createElement(u,{key:JSON.stringify({source:r.source,target:r.target}),source:r.source,target:r.target,className:r.className,label:r.label,style:r.style||{},domAttributes:r.domAttributes,hitSlop:r.hitSlop,cursor:r.cursor,startMarker:e.startMarker,endMarker:e.endMarker,endShape:e.endShape,strokeColor:e.strokeColor,strokeWidth:e.strokeWidth,strokeDasharray:e.strokeDasharray,noCurves:e.noCurves,lineStyle:e.lineStyle,offset:e.offset,parentCoordinates:t,refs:e.refs,uniqueId:e.uniqueId})})):null}},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getPointCoordinatesFromAnchorPosition=t.getPointFromElement=void 0;var o=n(r(16));function i(e){return new o.default(e.left,e.top)}var a=function(e){return e?e.getBoundingClientRect():null};t.getPointFromElement=function(e){var t=a(e);return t?i(t):null},t.getPointCoordinatesFromAnchorPosition=function(e,t,r,n){var s=a(n[t]);if(!s)return null;var u=function(e,t){switch(e){case"top":return i(t).add(new o.default(t.width/2,0));case"bottom":return i(t).add(new o.default(t.width/2,t.height));case"left":return i(t).add(new o.default(0,t.height/2));case"right":return i(t).add(new o.default(t.width,t.height/2));case"middle":return i(t).add(new o.default(t.width/2,t.height/2));default:return console.error("[React Archer] Invalid anchor position was provided. Not drawing the arrow."),null}}(e,s);return u?u.substract(r):null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){var e;function t(e,r){(function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")})(this,t),this.x=e,this.y=r}return e=[{key:"add",value:function(e){return new t(this.x+e.x,this.y+e.y)}},{key:"substract",value:function(e){return new t(this.x-e.x,this.y-e.y)}}],function(e,t){for(var r=0;re?e:r,yLabel:n>t?t:n,labelWidth:Math.max(Math.abs(r-e),1),labelHeight:Math.max(Math.abs(n-t),1)}}t.computeArrowPointAccordingToArrowHead=a,t.computeStartingAnchorPosition=s,t.computeEndingAnchorPosition=u,t.computeLabelDimensions=c,t.default=function(e){var t=e.className,r=e.startingPoint,n=e.startingAnchorOrientation,i=e.endingPoint,l=e.endingAnchorOrientation,f=e.strokeColor,d=e.strokeWidth,h=e.strokeDasharray,v=e.arrowLabel,p=e.arrowMarkerId,b=e.lineStyle,y=e.offset,m=e.enableStartMarker,g=e.disableEndMarker,_=e.endShape,w=e.domAttributes,O=e.hitSlop,k=e.cursor,E=_.circle?2*_.circle.radius:2*_.arrow.arrowLength,M=a(r.x,r.y,m?E:0,d,n,b,i.x,i.y),A=M.xPoint,S=M.yPoint,C=a(i.x,i.y,g?0:E,d,l,b,r.x,r.y),x=C.xPoint,j=C.yPoint,P=s(A,S,x,j,n),T=P.xAnchor1,D=P.yAnchor1,L=u(A,S,x,j,l),I=function(e){var t=e.xStart,r=e.yStart,n=e.xAnchor1,o=e.yAnchor1,i=e.xAnchor2,a=e.yAnchor2,s=e.xEnd,u=e.yEnd,c=e.lineStyle,l=e.offset;if(l&&0!==l){var f="straight"===c?Math.atan2(u-r,s-t):Math.atan2(o-r,n-t),d=l*Math.cos(f),h=l*Math.sin(f);"straight"!==c&&(t+=d,r+=h),s-=d,u-=h}var v="M".concat(t,",").concat(r," ");return["curve","angle"].includes(c)&&(v+="".concat("curve"===c?"C":"").concat(n,",").concat(o," ").concat(i,",").concat(a," ")),v+="".concat(s,",").concat(u)}({xStart:A,yStart:S,xAnchor1:T,yAnchor1:D,xAnchor2:L.xAnchor2,yAnchor2:L.yAnchor2,xEnd:x,yEnd:j,lineStyle:b,offset:y}),W=c(A,S,x,j),R=W.xLabel,F=W.yLabel,N=W.labelWidth,z=W.labelHeight,H="url(#".concat(p,")");return o.default.createElement("g",{className:t},o.default.createElement("path",{d:I,style:{fill:"none",stroke:f,strokeWidth:d,strokeDasharray:h},markerStart:m?H:void 0,markerEnd:g?void 0:H}),w&&o.default.createElement("path",Object.assign({d:I,style:{fill:"none",stroke:"rgba(0, 0, 0, 0)",strokeWidth:void 0===O?10:O,cursor:w?void 0===k?"pointer":k:"initial",pointerEvents:"all"}},w)),v&&o.default.createElement("foreignObject",{x:R,y:F,width:N,height:z,style:{overflow:"visible",pointerEvents:"none"}},o.default.createElement("div",{style:{position:"absolute",left:"50%",top:"50%",transform:"translateX(-50%) translateY(-50%)",pointerEvents:"all"}},o.default.createElement("div",null,v))))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.computeArrowDirectionVector=void 0,t.computeArrowDirectionVector=function(e){switch(e){case"left":return{arrowX:-1,arrowY:0};case"right":return{arrowX:1,arrowY:0};case"top":return{arrowX:0,arrowY:-1};case"bottom":return{arrowX:0,arrowY:1};default:return{arrowX:0,arrowY:0}}}},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowMarkers=void 0;var o=n(r(0)),i=r(4),a=r(3);t.ArrowMarkers=function(e){var t=e.sourceToTargetsMap,r=e.endShape,n=e.strokeColor,s=e.uniqueId;return o.default.createElement(o.default.Fragment,null,(0,a.getSourceToTargets)(t).map(function(e){var t,u,c,l,f=e.source,d=e.target,h=e.style,v=(u=(t={style:void 0===h?{}:h,endShape:r,strokeColor:n}).style,c=t.strokeColor,l=t.endShape,({circle:function(){var e,t,r,n,a,s,c,f,d,h,v,p,b=(null===(t=null===(e=u.endShape)||void 0===e?void 0:e.circle)||void 0===t?void 0:t.radius)||(null===(r=l.circle)||void 0===r?void 0:r.radius)||i.endShapeDefaultProp.circle.radius,y=(null===(a=null===(n=u.endShape)||void 0===n?void 0:n.circle)||void 0===a?void 0:a.strokeWidth)||(null===(s=l.circle)||void 0===s?void 0:s.strokeWidth)||i.endShapeDefaultProp.circle.strokeWidth,m=(null===(f=null===(c=u.endShape)||void 0===c?void 0:c.circle)||void 0===f?void 0:f.strokeColor)||(null===(d=l.circle)||void 0===d?void 0:d.strokeColor)||i.endShapeDefaultProp.circle.strokeColor,g=(null===(v=null===(h=u.endShape)||void 0===h?void 0:h.circle)||void 0===v?void 0:v.fillColor)||(null===(p=l.circle)||void 0===p?void 0:p.fillColor)||i.endShapeDefaultProp.circle.fillColor;return{markerWidth:4*b,markerHeight:4*b,refX:2*b+y,refY:2*b,path:o.default.createElement("circle",{cx:2*b,cy:2*b,r:b,fill:g,stroke:m,strokeWidth:y})}},arrow:function(){var e,t,r,n,a,s,f,d,h=u.strokeColor||c,v=null!==(a=null!==(r=null===(t=null===(e=u.endShape)||void 0===e?void 0:e.arrow)||void 0===t?void 0:t.arrowLength)&&void 0!==r?r:null===(n=null==l?void 0:l.arrow)||void 0===n?void 0:n.arrowLength)&&void 0!==a?a:i.endShapeDefaultProp.arrow.arrowLength,p=(null===(f=null===(s=u.endShape)||void 0===s?void 0:s.arrow)||void 0===f?void 0:f.arrowThickness)||(null===(d=null==l?void 0:l.arrow)||void 0===d?void 0:d.arrowThickness)||i.endShapeDefaultProp.arrow.arrowThickness,b="M0,0 L0,".concat(p," L").concat(v,",").concat(p/2," z");return{markerWidth:v,markerHeight:p,refX:0,refY:p/2,path:o.default.createElement("path",{d:b,fill:h})}}})[(0,a.getEndShapeFromStyle)(u)]()),p=v.markerHeight,b=v.markerWidth,y=v.path,m=v.refX,g=v.refY;return o.default.createElement("marker",{id:(0,a.getMarkerId)(s,f,d),key:(0,a.getMarkerId)(s,f,d),markerWidth:b,markerHeight:p,refX:m,refY:g,orient:"auto-start-reverse",markerUnits:"strokeWidth"},y)}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useResizeListener=t.useObserveElements=void 0;var n=r(0);t.useObserveElements=function(e,t){(0,n.useEffect)(function(){return Object.keys(e).map(function(r){t.observe(e[r])}),function(){Object.keys(e).map(function(r){t.unobserve(e[r])})}},[e,t])},t.useResizeListener=function(e){(0,n.useEffect)(function(){return window&&window.addEventListener("resize",e),function(){window&&window.removeEventListener("resize",e)}},[e])}}])},e.exports=n(r(14041))}}]); \ No newline at end of file diff --git a/review/test-cicd-sr-playwright-shard/_next/static/chunks/5958-6a210cbe56c1428d.js b/review/test-cicd-sr-playwright-shard/_next/static/chunks/5958-6a210cbe56c1428d.js new file mode 100644 index 000000000000..35edccf4ad63 --- /dev/null +++ b/review/test-cicd-sr-playwright-shard/_next/static/chunks/5958-6a210cbe56c1428d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5958],{85958:(n,e,a)=>{a.d(e,{bw:()=>t5,ll:()=>t4,sr:()=>ie,g9:()=>t6,Oj:()=>t9,Pb:()=>t8});var t,i={};a.r(i),a.d(i,{Density:()=>eh,Disabled:()=>ep,NoText:()=>em,ShowIcon:()=>eg,Size:()=>ex,Variant:()=>eu,Width:()=>ev});var o={};a.r(o),a.d(o,{Content:()=>eT,Density:()=>eD,Disabled:()=>eB,ShowIcon:()=>eA,Size:()=>ef,Variant:()=>ej});var l={};a.r(l),a.d(l,{Behaviour:()=>ey,Density:()=>ek,Variant:()=>ew});var s={};a.r(s),a.d(s,{ContentStates:()=>eI,Density:()=>eC,InteractionStates:()=>eN});var r={};a.r(r),a.d(r,{Density:()=>eL,Variants:()=>e_});var c={};a.r(c),a.d(c,{Animations:()=>eE,Density:()=>eH,Emphasis:()=>eP,Placement:()=>eO,Variant:()=>eS,Width:()=>eR});var d={};a.r(d),a.d(d,{Density:()=>eF,Semantic:()=>eM,ShowIcon:()=>ez,Size:()=>eV});var b={};a.r(b),a.d(b,{Behaviour:()=>eJ,Content:()=>eY,Density:()=>eW,Emphasis:()=>eU,Example:()=>eK,Overflow:()=>e$,Semantic:()=>eq,State:()=>eG});var h={};a.r(h),a.d(h,{Density:()=>eQ,Examples:()=>e1,Orientation:()=>eX,Overflow:()=>e0,Width:()=>eZ});var u={};a.r(u),a.d(u,{Behaviour:()=>e5,Content:()=>e4,ContentAlignmentFullWidth:()=>e7,Density:()=>e2,States:()=>e3});var p={};a.r(p),a.d(p,{Checked:()=>e9,Density:()=>e6,Disabled:()=>e8,Example:()=>ao,Indeterminate:()=>an,Required:()=>at,ShowLabel:()=>ai,Size:()=>aa,Validation:()=>ae});var x={};a.r(x),a.d(x,{Content:()=>ax,Density:()=>al,Disabled:()=>ab,ExampleFloatingLabel:()=>am,ExampleTypes:()=>ag,ExampleTypesFloatingLabel:()=>av,Readonly:()=>ah,Required:()=>ap,ShowLabel:()=>ar,ShowMessage:()=>ac,State:()=>ad,Validation:()=>au,Variant:()=>as});var g={};a.r(g),a.d(g,{Checked:()=>aB,Density:()=>aD,Disabled:()=>aj,Required:()=>aA,ShowLabel:()=>ak,Size:()=>aT,Validation:()=>af});var m={};a.r(m),a.d(m,{Content:()=>aH,Density:()=>aw,Disabled:()=>a_,ExamplesFloatingLabel:()=>aP,Required:()=>aS,ShowLabel:()=>aC,ShowMessage:()=>aN,State:()=>aI,Validation:()=>aL,Variant:()=>ay});var v={};a.r(v),a.d(v,{Checked:()=>aR,Density:()=>aO,Disabled:()=>aE,Emphasis:()=>aF,Examples:()=>aU,Required:()=>aW,ShowLabel:()=>az,Size:()=>aV,VisualAid:()=>aM});var D={};a.r(D),a.d(D,{Density:()=>aq,Disabled:()=>aK,ExamplesFloatingLabel:()=>a1,Readonly:()=>aQ,Required:()=>aZ,Rows:()=>a0,ShowLabel:()=>aG,ShowMessage:()=>aY,State:()=>a$,Validation:()=>aX,Variant:()=>aJ});var j={};a.r(j),a.d(j,{Closeable:()=>a5,Density:()=>a2,ExamplesVariantDocked:()=>te,ExamplesVariantOverlay:()=>tt,ExamplesVariantStandalone:()=>ta,LinkVariant:()=>a8,Semantic:()=>a4,ShowHeadline:()=>a9,ShowIcon:()=>a6,ShowTimestamp:()=>tn,Variant:()=>a3,Visual:()=>a7});var B={};a.r(B),a.d(B,{Content:()=>tr,Density:()=>ti,Emphasis:()=>to,Examples:()=>td,Placement:()=>tc,Semantic:()=>tl,Size:()=>ts});var f={};a.r(f),a.d(f,{Behaviour:()=>tp,Density:()=>tb,ElevationLevel:()=>th,Example:()=>tx,Spacing:()=>tu});var T={};a.r(T),a.d(T,{Density:()=>tg,Emphasis:()=>tv,Variant:()=>tm});var A={};a.r(A),a.d(A,{Backdrop:()=>tT,Density:()=>tD,Direction:()=>tA,Example:()=>tk,Rounded:()=>tB,Size:()=>tj,Spacing:()=>tf});var k={};a.r(k),a.d(k,{Behaviour:()=>tC,Density:()=>tw,Examples:()=>tN,Width:()=>ty});var w={};a.r(w),a.d(w,{Density:()=>tI,Spacing:()=>t_,Width:()=>tL});var y={};a.r(y),a.d(y,{Density:()=>tH});var C={};a.r(C),a.d(C,{Content:()=>tO,Density:()=>tS,InteractionStates:()=>tP,Width:()=>tR});var N={};a.r(N),a.d(N,{Animations:()=>tz,Density:()=>tE,Gap:()=>tV,Placement:()=>tM,Spacing:()=>tF,Width:()=>tW});var I={};a.r(I),a.d(I,{AlignmentColumn:()=>t$,AlignmentRow:()=>tK,Density:()=>tU,Direction:()=>tG,Gap:()=>tJ,JustifyContentColumn:()=>tQ,JustifyContentRow:()=>tX,Variant:()=>tq,Wrap:()=>tY});var L=a(31085),_=a(95374),H=a(14041),S=a(64286),P=a(40956),O=a(13210),R=a(51034),E=a(42305);let F=()=>{let n=(0,E.useRouter)(),e=(0,E.usePathname)(),[a,t]=[(0,E.useSearchParams)()];return[a,a=>{if("undefined"!=typeof globalThis){let n=new URLSearchParams(globalThis.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(a);if(e.sort(),n.toString()===e.toString())return}t?t(a):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(a).toString())))}]},M=function(){var n,e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,i]=F(),[o,l]=(0,H.useState)(null!==(n=t.get(R.HI))&&void 0!==n?n:R.fY.REGULAR),[s,r]=(0,H.useState)(null!==(e=t.get(R.wr))&&void 0!==e?e:R.o$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,H.useState)(void 0),[b,h]=(0,H.useState)(!1),[u,p]=(0,H.useState)(!1);return(0,H.useEffect)(()=>{for(let[n,e]of Array.from(t.entries()))e&&(n===R.HI&&o!==e&&l(e),n===R.wr&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[t]),(0,H.useEffect)(()=>{if(u){let n={density:o,color:s};c&&(n.page=c),b&&(n.fullscreen=!0),a&&i(n)}},[s,o,c,b,u]),[o,l,s,r,c,b]};var V=a(39907);let z=null==V||null===(t=V.env)||void 0===t,W=n=>{let{name:e,examples:a,color:t,role:i,SlotCode:o}=n,l=(0,H.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[s,r]=(0,H.useState)(),c=a.filter(n=>z||!n.experimental);return(0,L.jsxs)(S.A,{className:"variants-card db-code-docs",elevationLevel:l(),children:[(0,L.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:c.map((n,e)=>(0,L.jsx)("div",{style:n.style,className:n.className,"data-density":n.density,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,L.jsxs)("details",{className:"code-details",onToggle:()=>{r(!s)},children:[(0,L.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,L.jsxs)("div",{"data-density":"functional",children:[(0,L.jsx)("div",{className:"backdrop"}),(0,L.jsx)(S.A,{className:"code",spacing:"small",children:(0,L.jsx)(o,{})})]})]})]})},U=n=>{let{title:e,variants:a,subComponent:t,isSubComponent:i,componentName:o}=n,l=M(z)[4],s=M(z)[2],r=n=>{if("undefined"!=typeof globalThis){var e,a,t,i;let o=new URLSearchParams(null===(a=globalThis)||void 0===a?void 0:null===(e=a.location)||void 0===e?void 0:e.href.split("?")[1]);return o.set("page",n.toLowerCase()),"".concat(null===(i=globalThis)||void 0===i?void 0:null===(t=i.location)||void 0===t?void 0:t.href.split("?")[0],"?").concat(o.toString())}return""},c=(n,e)=>{var a;if("undefined"==typeof globalThis||!globalThis.location.origin||!globalThis.location.href)return;let t=globalThis.location.href.split("?"),i=t[0],l=new URLSearchParams(null!==(a=t[1])&&void 0!==a?a:"");l.set("page",e.toLowerCase());let s=o?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(o,"/overview")),"?").concat(l.toString()):"".concat(t[0],"?").concat(l.toString());window.open(s,"_blank")};if(l){let n=a.find(n=>n.name.toLowerCase()===l);if(n)return(0,L.jsx)(W,{...n,color:s})}return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"default-container",children:[(0,L.jsx)(i?"h2":"h1",{children:e}),null==a?void 0:a.filter(n=>z||n.examples.find(n=>!n.experimental)).map((n,e)=>(0,L.jsxs)("div",{children:[(0,L.jsx)(P.A,{}),(0,L.jsx)(O.A,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{c(e,n.name)},href:r(n.name),children:n.name}),(0,L.jsx)(W,{...n,color:s})]},"".concat(n.name,"-").concat(e)))]}),t]})},q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"disabled":false}},{"name":"True","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Icon","examples":[{"name":"(Default) False","props":{"icon":"x_placeholder","showIcon":false}},{"name":"True","props":{"icon":"x_placeholder","showIcon":true}}]},{"name":"No Text","examples":[{"name":"(Default) False","props":{"icon":"x_placeholder"}},{"name":"True","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"width":"auto"}},{"name":"Width","style":{"width":"500px"},"props":{"width":"full"}}]}]'),J=(n,e,a)=>n.map((n,t)=>{var i;return{...n,SlotCode:null==a?void 0:a[null!==(i=n.codeFileName)&&void 0!==i?i:n.name.replaceAll(" ","")],examples:n.examples.map((n,a)=>{var t,i,o,l;return{...n,example:e({...n.props,id:null!==(o=null===(t=n.props)||void 0===t?void 0:t.id)&&void 0!==o?o:n.name,children:null!==(l=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==l?l:n.name})}})}}),G=n=>{let{variant:e,state:a,size:t,noText:i,icon:o,width:l,disabled:s,children:r,type:c,showIcon:d}=n;return(0,L.jsx)(_.A,{variant:e,state:a,size:t,noText:i,icon:o,disabled:s,width:l,showIcon:d,onClick:()=>{alert(r.toString())},type:c,children:r})},Y=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"href":"#"}},{"name":"(Default) Regular","density":"regular","props":{"href":"#"}},{"name":"Expressive","density":"expressive","props":{"href":"#"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"href":"#","disabled":false}},{"name":"True","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","props":{"href":"#","showIcon":true}},{"name":"False","props":{"href":"#","showIcon":false}}]}]'),$=n=>{let{href:e,variant:a,disabled:t,size:i,content:o,children:l,showIcon:s}=n;return(0,L.jsx)(O.A,{href:e,variant:a,disabled:t,size:i,content:o,showIcon:s,children:l})};var K=a(64140),Q=a(54116),X=a(50402);let Z=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]'),nn=n=>{let{behaviour:e,children:a,variant:t}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(K.A,{size:"small",semantic:"informational",icon:"none",children:a}),(0,L.jsxs)(Q.A,{behaviour:e,variant:t,children:[(0,L.jsx)(X.A,{headlinePlain:"Item 1",text:"Content 1"}),(0,L.jsx)(X.A,{headlinePlain:"Item 2",text:"Content 2"}),(0,L.jsx)(X.A,{headlinePlain:"Item 3",text:"Content 3"})]})]})},ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","density":"regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","density":"expressive","props":{"headlinePlain":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headlinePlain":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headlinePlain":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headlinePlain":"(Default) Collapsed"}},{"name":"Open","props":{"headlinePlain":"Open","open":true}}]}]'),na=n=>{let{children:e,disabled:a,open:t,headlinePlain:i}=n;return(0,L.jsx)(X.A,{headlinePlain:i,disabled:a,defaultOpen:t,children:e})},nt=n=>(0,L.jsx)(U,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(ne,na,n.slotCode)});var ni=a(23944);let no=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]');var nl=a(39907);let ns=n=>{var e,a;let{children:t,hideLogo:i,customLogo:o}=n;return(0,L.jsxs)(ni.A,{hideLogo:i,children:[o&&(0,L.jsx)("img",{src:"".concat(null!==(a=null==nl?void 0:null===(e=nl.env)||void 0===e?void 0:"/mono/review/test-cicd-sr-playwright-shard")&&void 0!==a?a:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),t]})};var nr=a(20156);let nc=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"examples":[{"name":"Functional","density":"functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","density":"regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","density":"expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]'),nd=n=>{let{children:e,width:a,emphasis:t,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,L.jsxs)(_.A,{children:[e,(0,L.jsx)(nr.A,{width:a,emphasis:t,placement:i,animation:s,delay:o,variant:r,children:l})]})},nb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","props":{"showIcon":true}},{"name":"False","props":{"showIcon":false}}]}]'),nh=n=>{let{semantic:e,size:a,icon:t,children:i,showIcon:o}=n;return(0,L.jsx)(K.A,{semantic:e,size:a,icon:t,showIcon:o,children:i})};var nu=a(85776);let np=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","role":"group","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox01"},"children":[{"name":"input","native":true,"props":{"id":"checkbox01","type":"checkbox"}}]}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 1","props":{"for":"radio01"},"children":[{"name":"input","native":true,"props":{"name":"radio01","id":"radio01","type":"radio"}}]}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 2","props":{"for":"radio02"},"children":[{"name":"input","native":true,"props":{"name":"radio02","id":"radio02","type":"radio"}}]}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","role":"group","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox02"},"children":[{"name":"input","native":true,"props":{"id":"checkbox02","type":"checkbox"}}]}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox03"},"children":[{"name":"input","native":true,"props":{"checked":true,"id":"checkbox03","type":"checkbox"}}]}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox04"},"children":[{"name":"input","native":true,"props":{"checked":true,"disabled":true,"id":"checkbox04","type":"checkbox"}}]}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}},{"name":"Icon & Text","props":{"icon":"x_placeholder"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","role":"group","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"x_placeholder","behaviour":"removable"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"x_placeholder"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"x_placeholder"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox05"},"children":[{"name":"input","native":true,"id":"checkbox05","type":"checkbox"}]}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"x_placeholder","identifier":"radio03"},"children":[{"name":"label","native":true,"content":"Interactive Radio 3","props":{"for":"radio03"},"children":[{"name":"input","native":true,"props":{"name":"radio03","id":"radio03","type":"radio"}}]}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"x_placeholder","identifier":"radio02"},"children":[{"name":"label","native":true,"content":"Interactive Radio 4","props":{"for":"radio04"},"children":[{"name":"input","native":true,"props":{"name":"radio04","id":"radio04","type":"radio"}}]}]}]}]'),nx=n=>{let{semantic:e,disabled:a,children:t,icon:i,overflow:o,noText:l,behaviour:s,emphasis:r,removeButton:c,checked:d,component:b,identifier:h}=n,[u,p]=(0,H.useState)(null!=d&&d);return(0,L.jsxs)(nu.A,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(t.toString())},children:["button"===b&&(0,L.jsx)("button",{children:t}),"link"===b&&(0,L.jsx)("a",{href:"#",children:t}),"checkbox"===b&&(0,L.jsxs)("label",{children:[(0,L.jsx)("input",{type:"checkbox",checked:u,disabled:a,onChange:n=>{p(n.target.checked)}}),t]}),"radio"===b&&(0,L.jsxs)("label",{children:[(0,L.jsx)("input",{type:"radio",checked:d,name:h}),t]}),!b&&!o&&(0,L.jsx)(L.Fragment,{children:t}),!b&&o&&(0,L.jsx)("span",{children:t})]})};var ng=a(79834),nm=a(97518),nv=a(10300),nD=a(7852);let nj=JSON.parse('[{"name":"Density","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]'),nB=n=>{let{children:e,orientation:a,width:t,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,L.jsxs)("div",{className:"w-full",children:[(0,L.jsxs)(K.A,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,L.jsxs)(ng.A,{orientation:a,width:t,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Test 1"}),(0,L.jsx)(nv.A,{children:"Test 2"}),(0,L.jsx)(nv.A,{children:"Test 3"}),o&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nv.A,{children:"Test 4"}),(0,L.jsx)(nv.A,{children:"Test 5"})]})]}),(0,L.jsx)(nD.A,{children:"Tab Panel 1"}),(0,L.jsx)(nD.A,{children:"Tab Panel 2"}),(0,L.jsx)(nD.A,{children:"Tab Panel 3"}),o&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nD.A,{children:"Tab Panel 4"}),(0,L.jsx)(nD.A,{children:"Tab Panel 5"})]})]})]})},nf=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","className":"tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","density":"regular","className":"tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","density":"expressive","className":"tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]'),nT=n=>{let{children:e,active:a,noText:t,icon:i,iconAfter:o,disabled:l}=n;return(0,L.jsx)(nm.A,{children:(0,L.jsx)(nv.A,{active:a,noText:t,icon:i,iconAfter:o,disabled:l,children:e})})},nA=n=>(0,L.jsx)(U,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(nf,nT,n.slotCode)});var nk=a(39892);let nw=JSON.parse('[{"name":"Density","role":"group","examples":[{"name":"Functional","density":"functional","props":{"name":"Density"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density"}},{"name":"Expressive","density":"expressive","props":{"name":"Density"}}]},{"name":"Disabled","role":"group","examples":[{"name":"(Default) False","props":{"name":"Disabled","disabled":false}},{"name":"True","props":{"name":"Disabled","disabled":true}}]},{"name":"Checked","role":"group","examples":[{"name":"(Default) False","props":{"name":"State","checked":false}},{"name":"True","props":{"name":"State","checked":true}}]},{"name":"Indeterminate","role":"group","examples":[{"name":"(Default) False","props":{"name":"Indeterminate","indeterminate":false}},{"name":"True","props":{"name":"Indeterminate","indeterminate":true}}]},{"name":"Validation","role":"group","examples":[{"name":"(Default) No validation","props":{"name":"Validation","validation":"no-validation"}},{"name":"Invalid","props":{"name":"Validation","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"name":"Validation","validation":"valid","validMessage":"Valid message"}}]},{"name":"Size","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Required","role":"group","examples":[{"name":"(Default) False","props":{"name":"Requirement","required":false}},{"name":"True","props":{"name":"Requirement","required":true}}]},{"name":"Show Label","role":"group","examples":[{"name":"(Default) True","props":{"name":"Label","showLabel":true}},{"name":"False","props":{"name":"Label","showLabel":false}}]},{"name":"Example","role":"group","examples":[{"name":"Long label","style":{"width":"100px"},"props":{"checked":true,"name":"Example"}}]}]'),ny=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c,showLabel:d,validation:b,invalidMessage:h,validMessage:u}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nk.A,{label:e,size:a,name:t,defaultChecked:i,invalidMessage:h,validMessage:u,required:o,disabled:s,variant:c,showLabel:d,indeterminate:r,validation:b,children:l}),void 0!==d&&!d&&(0,L.jsx)(K.A,{size:"small",semantic:"informational",showIcon:!1,children:l})]})};var nC=a(59916);let nN=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"label":"Label","showLabel":true}},{"name":"False","props":{"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","props":{"label":"Label","message":"Message","showMessage":false}},{"name":"True","props":{"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"label":"Label","disabled":false}},{"name":"True","props":{"label":"Label","disabled":true}}]},{"name":"Readonly","examples":[{"name":"(Default) False","props":{"label":"Label","value":"(Default) False","readOnly":false}},{"name":"True","props":{"label":"Label","value":"True","readOnly":true}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","props":{"label":"Label","validation":"no-validation"}},{"name":"Invalid","props":{"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"label":"Label","validation":"valid","validMessage":"Valid message"}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"label":"Label","required":false}},{"name":"True","props":{"label":"Label","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Example - Types","codeFileName":"ExampleTypes","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Example - Types - Floating Label","codeFileName":"ExampleTypesFloatingLabel","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}},{"name":"Datalist","experimental":true,"props":{"label":"Label","variant":"floating","dataList":true}},{"name":"File","experimental":true,"props":{"label":"Label","type":"file","variant":"floating"}}]}]'),nI=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nL=n=>{let{label:e,value:a,type:t,minLength:i,required:o,disabled:l,iconAfter:s,icon:r,children:c,message:d,variant:b,readOnly:h,dataList:u,showLabel:p,showMessage:x,validMessage:g,validation:m,invalidMessage:v}=n;return(0,L.jsx)(nC.A,{label:e,message:d,placeholder:c,variant:b,showLabel:p,defaultValue:a,type:t,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,showMessage:x,invalidMessage:v,validMessage:g,validation:m,dataList:u?nI(b):void 0})};var n_=a(85980);let nH=JSON.parse('[{"name":"Density","role":"radiogroup","examples":[{"name":"Functional","density":"functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","density":"expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Disabled","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Disabled","disabled":false}},{"name":"True","props":{"name":"Disabled","disabled":true}}]},{"name":"Checked","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Checked"}},{"name":"True","props":{"name":"Checked","checked":true}}]},{"name":"Validation","role":"radiogroup","examples":[{"name":"(Default) No validation","props":{"name":"No validation","validation":"no-validation"}},{"name":"Invalid","props":{"name":"invalid","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"name":"valid","validation":"valid","validMessage":"Valid message","checked":true}}]},{"name":"Size","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Required","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Requirement","required":false}},{"name":"True","props":{"name":"Requirement","required":true}}]},{"name":"Show Label","role":"radiogroup","examples":[{"name":"(Default) True","props":{"name":"Content","showLabel":true}},{"name":"False","props":{"name":"Content","showLabel":false}}]}]'),nS=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,value:r,showLabel:c,validation:d}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n_.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,showLabel:c,value:r,validation:d,children:l}),void 0!==c&&!c&&(0,L.jsx)(K.A,{size:"small",semantic:"informational",showIcon:!1,children:l})]})};var nP=a(47982);let nO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","density":"regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","density":"expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label","selected":true},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","showLabel":true}},{"name":"False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Message","showMessage":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled"}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","validation":"no-validation"}},{"name":"Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","style":{"width":"300px"},"props":{"options":[{"value":"Valid","selected":true},{"value":"Option 2"}],"label":"Label","validation":"valid","validMessage":"Valid message","value":"Valid"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Required","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]},{"name":"Examples Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled","selected":true},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]}]'),nR=n=>{let{children:e,label:a,options:t,icon:i,message:o,disabled:l,value:s,required:r,variant:c,showLabel:d,showMessage:b,invalidMessage:h,validMessage:u,validation:p}=n,[x,g]=(0,H.useState)(s);return(0,L.jsx)(nP.A,{label:a,placeholder:e,options:t,disabled:l,variant:c,showLabel:d,icon:i,value:x,onChange:n=>{g(n.target.value)},message:o,required:r,showMessage:b,invalidMessage:h,validMessage:u,validation:p,children:e})};var nE=a(98142);let nF=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","props":{}},{"name":"regular (Default)","density":"regular","props":{}},{"name":"expressive","density":"expressive","props":{}}]},{"name":"Checked","examples":[{"name":"(Default) False","props":{"checked":false}},{"name":"True","props":{"checked":true}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"disabled":false}},{"name":"True","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak + Unchecked","props":{"emphasis":"weak"}},{"name":"(Default) Weak + Checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + Unchecked","props":{"emphasis":"strong"}},{"name":"Strong + Checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Default) False + Unchecked","props":{"visualAid":false}},{"name":"(Default) False + Checked","props":{"visualAid":false,"checked":true}},{"name":"True + Unchecked","props":{"visualAid":true}},{"name":"True + Checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"showLabel":true}},{"name":"False","props":{"showLabel":false}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"required":false}},{"name":"True","props":{"required":true}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"cross_circle","iconAfter":"clock"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"cross_circle","iconAfter":"clock","emphasis":"strong"}}]}]'),nM=n=>{let{children:e,checked:a,visualAid:t,disabled:i,showLabel:o,emphasis:l,size:s,icon:r,iconAfter:c,required:d}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nE.A,{visualAid:t,defaultChecked:a,disabled:i,showLabel:o,size:s,emphasis:l,icon:r,iconAfter:c,required:d,children:e}),void 0!==o&&!o&&(0,L.jsx)(K.A,{semantic:"informational",icon:"none",children:e})]})};var nV=a(85194);let nz=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"label":"Label","showLabel":true}},{"name":"False","props":{"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","props":{"label":"Label","showMessage":false}},{"name":"true","props":{"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"label":"Label","disabled":false}},{"name":"True","props":{"label":"Label","disabled":true}}]},{"name":"Readonly","examples":[{"name":"(Default) False","props":{"label":"Label","value":"(Default) False","readOnly":false}},{"name":"True","props":{"label":"Label","value":"True","readOnly":true}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","props":{"label":"Label","validation":"no-validation"}},{"name":"Invalid","props":{"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"label":"Label","validation":"valid","validMessage":"Valid message"}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"label":"Label","required":false}},{"name":"True","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]},{"name":"Examples Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]}]'),nW=n=>{let{cols:e,disabled:a,message:t,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b,showLabel:h,showMessage:u,validMessage:p,validation:x,invalidMessage:g}=n,[m,v]=(0,H.useState)(s);return(0,L.jsx)(nV.A,{cols:e,disabled:a,showLabel:h,message:t,label:i,variant:b,readOnly:r,onChange:n=>{v(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:m,showMessage:u,invalidMessage:g,validMessage:p,validation:x})};var nU=a(91836);let nq=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}},{"name":"regular (Default)","density":"regular","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}},{"name":"expressive","density":"expressive","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","closeable":true}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","closeable":true}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","closeable":true,"timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","closeable":true}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","closeable":true}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","closeable":true}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","closeable":true}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","closeable":true}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","closeable":true}}]},{"name":"Closeable","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"closeable":false}},{"name":"True","style":{"width":"300px"},"props":{"closeable":true}}]},{"name":"Visual","examples":[{"name":"(Default) Icon","style":{"width":"300px"},"props":{"icon":"information_circle"}},{"name":"Image","style":{"width":"300px"},"props":{"img":true}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"icon":"information_circle","showIcon":true}},{"name":"False","style":{"width":"300px"},"props":{"icon":"information_circle","showIcon":false}}]},{"name":"Link Variant","examples":[{"name":"(Default) Block","style":{"width":"300px"},"props":{"link":true,"linkVariant":"block"}},{"name":"Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline"}}]},{"name":"Show Headline","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"headline":"Headline","showHeadline":true}},{"name":"False","style":{"width":"300px"},"props":{"headline":"Headline","showHeadline":false}}]},{"name":"Show Timestamp","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"variant":"overlay","showTimestamp":false,"timestamp":"10 min ago"}},{"name":"True","style":{"width":"300px"},"props":{"variant":"overlay","showTimestamp":true,"timestamp":"10 min ago"}}]},{"name":"Examples - Variant:Docked","codeFileName":"ContentVariantDocked","examples":[{"name":"Text","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Examples - Variant:Standalone","codeFileName":"ContentVariantStandalone","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"standalone","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Examples - Variant:Overlay","codeFileName":"ContentVariantOverlay","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"overlay","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Timed","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Timed & Cloaseable","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Icon & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","timestamp":"10 min ago","variant":"overlay"}}]}]');var nJ=a(39907);let nG=()=>{var n,e;return(null==nJ?void 0:null===(n=nJ.env)||void 0===n?void 0:"/mono/review/test-cicd-sr-playwright-shard")?"/mono/review/test-cicd-sr-playwright-shard":"undefined"!=typeof globalThis?null===(e=window.env)||void 0===e?void 0:e.BASE_URL:""},nY=n=>{let{semantic:e,icon:a,headline:t,variant:i,children:o,closeable:l,link:s,timestamp:r,linkVariant:c,img:d,showIcon:b,showHeadline:h,showTimestamp:u}=n;return(0,L.jsx)(nU.A,{semantic:e,icon:a,headline:t,link:s?(0,L.jsx)(O.A,{href:"#",children:"Textlink"}):void 0,image:d?(0,L.jsx)("img",{src:"".concat(nG(),"/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder"}):void 0,variant:i,closeable:l,linkVariant:c,timestamp:r,showTimestamp:u,onClose:()=>{alert(o.toString())},showIcon:b,showHeadline:h,children:o})};var n$=a(22076),nK=a(80692);let nQ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Icon - Small","props":{"example":"icon"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]}]'),nX=n=>{let{children:e,semantic:a,emphasis:t,noContent:i,size:o,placement:l,example:s}=n;return(0,L.jsxs)(L.Fragment,{children:[!l&&!s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:a,emphasis:t,size:o,children:i?"":e}),i&&(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(_.A,{icon:"x_placeholder",variant:"outlined",noText:!0,children:[(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===l&&(0,L.jsx)(L.Fragment,{children:(0,L.jsxs)("div",{className:"badge-inline-container",children:[(0,L.jsx)(nK.A,{icon:"x_placeholder"}),(0,L.jsx)("span",{children:e}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,L.jsx)(nK.A,{icon:"error"})]})}),"icon"===s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:"critical",emphasis:"strong",size:o,children:(0,L.jsx)(nK.A,{icon:"x_placeholder",children:e})}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:"successful",children:"9"}),(0,L.jsx)(n$.A,{semantic:"informational",children:"12"}),(0,L.jsx)(n$.A,{semantic:"warning",children:"123"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},nZ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Elevation Level","examples":[{"name":"(Default) Level 1 - Adaptive","props":{"elevationLevel":"1"}},{"name":"Level 2 - Adaptive","props":{"elevationLevel":"2"}},{"name":"Level 3 - Adaptive","props":{"elevationLevel":"3"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small"}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"None","props":{"spacing":"none"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive"},{"name":"Interactive","props":{"behaviour":"interactive"}}]},{"name":"Example","examples":[{"name":"Level 1 - Interactive","props":{"elevationLevel":"1","behaviour":"interactive"}},{"name":"Level 2 - Interactive","props":{"elevationLevel":"2","behaviour":"interactive"}},{"name":"Level 3 - Interactive","props":{"elevationLevel":"3","behaviour":"interactive"}}]}]'),n0=n=>{let{behaviour:e,children:a,spacing:t,elevationLevel:i}=n;return(0,L.jsx)(S.A,{behaviour:e,spacing:t,elevationLevel:i,children:(0,L.jsx)("strong",{children:a})})},n1=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","density":"functional","props":{"width":"full"}},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","density":"regular","props":{"width":"full"}},{"name":"Expressive","style":{"width":"200px"},"content":"","density":"expressive","props":{"width":"full"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical","width":"full"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong","width":"full"}}]}]'),n2=n=>{let{variant:e,emphasis:a,children:t,width:i}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(K.A,{size:"small",semantic:"informational",children:t}),(0,L.jsx)(P.A,{variant:e,emphasis:a,width:i})]})};var n3=a(87612);let n4=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","density":"regular","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","density":"expressive","props":{"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) False","props":{"rounded":false,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"True","props":{"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"None","props":{"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) Strong","props":{"backdrop":"strong","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Weak","props":{"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Direction","examples":[{"name":"(Default) Right","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Example","examples":[{"name":"(Default) As modal","props":{"variant":"modal","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Inside","props":{"variant":"inside","open":"open","onClose":"toggleDrawer(false)"}}]}]'),n5=n=>{let{id:e,width:a,rounded:t,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c,variant:d}=n;return(0,L.jsxs)("div",{children:[(0,L.jsxs)(_.A,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,L.jsx)(n3.A,{rounded:t,width:a,spacing:i,backdrop:c,direction:s,variant:d,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n7=a(23116),n6=a(61338),n8=a(6900);let n9=JSON.parse('[{"name":"Density","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"x_placeholder","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"x_placeholder"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"x_placeholder","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Functional","density":"functional","props":{},"style":{"width":"100%","display":"block"}},{"name":"(Default) Regular","density":"regular","props":{},"style":{"width":"100%","display":"block"}},{"name":"Expressive","density":"expressive","props":{},"style":{"width":"100%","display":"block"}}]},{"name":"Width","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"x_placeholder","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"x_placeholder"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"x_placeholder","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Behaviour","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"x_placeholder","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"x_placeholder"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"x_placeholder","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"}}]},{"name":"Examples","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"x_placeholder","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"x_placeholder"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"x_placeholder","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"With Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":true}},{"name":"Without Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":false}},{"name":"Without Application Name","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":true}},{"name":"Without Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":false}}]}]'),en=n=>{let{drawerOpen:e,forceMobile:a,burgerMenuLabel:t,children:i,className:o,describedbyid:l,id:s,key:r,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=n;return(0,L.jsx)(n7.A,{width:d,brand:(0,L.jsx)(ni.A,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(O.A,{href:"#",children:"Imprint"}),(0,L.jsx)(O.A,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,L.jsx)(_.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(_.A,{icon:"x_placeholder",variant:"ghost",noText:!0,children:"Profile"}),(0,L.jsx)(_.A,{icon:"x_placeholder",variant:"ghost",noText:!0,children:"Notification"}),(0,L.jsx)(_.A,{icon:"x_placeholder",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:a,burgerMenuLabel:t,className:o,describedbyid:l,id:s,onToggle:c,children:(!b||h)&&(0,L.jsxs)(n6.A,{"aria-label":i,children:[(0,L.jsx)(n8.A,{icon:"x_placeholder",children:(0,L.jsx)("a",{href:"#",children:i})}),(0,L.jsx)(n8.A,{disabled:!0,children:(0,L.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var ee=a(12764);let ea=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}},{"name":"None","props":{"spacing":"none"}}]}]'),et=n=>{let{width:e,spacing:a,children:t}=n;return(0,L.jsxs)(ee.A,{className:"db-informational-bg-basic-level-2 section-card-container",spacing:a,width:e,children:[(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t})]})},ei=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","children":[{"name":"navigation-item","slot":"sub-navigation","props":{"active":true},"children":[{"name":"a","native":true,"content":"Sub-Sub-Navi-Item 1","props":{"href":"#"}}]}]}]},{"name":"navigation-item","children":[{"name":"a","native":true,"content":"Navi-Item 2","props":{"href":"#"}}]}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]}]'),eo=n=>{let{children:e}=n,a="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,L.jsxs)("div",{children:[(0,L.jsx)(K.A,{id:a,size:"small",semantic:"informational",icon:"none",children:e}),(0,L.jsxs)(n6.A,{labelledBy:a,children:[(0,L.jsx)(n8.A,{subNavigation:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n8.A,{subNavigation:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n8.A,{children:(0,L.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,L.jsx)(n8.A,{children:(0,L.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,L.jsx)(n8.A,{children:(0,L.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,L.jsx)(n8.A,{icon:"x_placeholder",children:(0,L.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,L.jsx)(n8.A,{disabled:!0,children:(0,L.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},el=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Functional"}]},{"name":"(Default) Regular","density":"regular","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Regular"}]},{"name":"Expressive","density":"expressive","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Expressive"}]}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Enabled (Default)/Hover/Pressed"}]},{"name":"Active","props":{"active":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Active"}]},{"name":"Disabled","props":{"disabled":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Disabled"}]}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Text"}]},{"name":"Text - Icon (Leading)","props":{"icon":"x_placeholder"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Leading)"}]},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"x_placeholder","areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icons (Leading, Chevron)"}]},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Chevron)"}]}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Auto"}]},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Full"}]}]}]'),es=n=>{let{children:e,icon:a,disabled:t,active:i,width:o,areaPopup:l}=n;return(0,L.jsx)("ul",{children:(0,L.jsx)(n8.A,{icon:a,disabled:t,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,L.jsxs)("ul",{children:[(0,L.jsx)(n8.A,{children:(0,L.jsx)("a",{href:"#",children:"Test1"})}),(0,L.jsx)(n8.A,{children:(0,L.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,L.jsx)("a",{href:"#",children:e})})})},er=n=>(0,L.jsx)(U,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(el,es,n.slotCode)});var ec=a(36428);let ed=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"Functional","density":"functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","density":"regular","props":{"id":"popover-02"}},{"name":"Expressive","density":"expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"Large","props":{"spacing":"large","id":"popover-055"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]'),eb=n=>{let{id:e,children:a,width:t,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,L.jsx)(ec.A,{trigger:(0,L.jsx)(_.A,{children:a}),width:t,gap:i,spacing:o,placement:l,animation:c,delay:s,id:e,children:null!=r?r:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("ul",{className:"popover-list",children:[(0,L.jsx)("li",{children:"Popover Custom Item 1"}),(0,L.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,L.jsx)(_.A,{children:"Popover Custom Item 3"})]})})},eh=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) False"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) False"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) False"),navigator.clipboard.writeText("(Default) False")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"True"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"True"===n?"check":"copy",variant:"ghost",onClick:()=>{e("True"),navigator.clipboard.writeText("True")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) False'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) False'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) False'),navigator.clipboard.writeText('(Default) False')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Auto '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Auto '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto '),navigator.clipboard.writeText(' (Default) Auto ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Auto'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto'),navigator.clipboard.writeText('(Default) Auto')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto\n'),navigator.clipboard.writeText('\n(Default) Auto\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Width '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width '),navigator.clipboard.writeText(' Width ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Width'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width'),navigator.clipboard.writeText('Width')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWidth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWidth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth\n'),navigator.clipboard.writeText('\nWidth\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) False'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) False'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) False'),navigator.clipboard.writeText('(Default) False')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'True'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'True'===n?"check":"copy",variant:"ghost",onClick:()=>{e('True'),navigator.clipboard.writeText('True')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    accordion-item
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    accordion-item
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Functional
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) With Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) With Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) With Logo
    '),navigator.clipboard.writeText('
    (Default) With Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    No Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    No Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    No Logo
    '),navigator.clipboard.writeText('
    No Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Custom Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Custom Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Custom Logo
    '),navigator.clipboard.writeText('
    Custom Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) True"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) True"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) True"),navigator.clipboard.writeText("(Default) True")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"False"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"False"===n?"check":"copy",variant:"ghost",onClick:()=>{e("False"),navigator.clipboard.writeText("False")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Functional
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Weak
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Weak
    '),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Strong
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Strong
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Strong
    '),navigator.clipboard.writeText('
    Strong
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Adaptive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Adaptive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Adaptive
    '),navigator.clipboard.writeText('
    (Default) Adaptive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Neutral
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Neutral
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Neutral
    '),navigator.clipboard.writeText('
    Neutral
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Critical
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Critical
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Critical
    '),navigator.clipboard.writeText('
    Critical
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Informational
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Informational
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Informational
    '),navigator.clipboard.writeText('
    Informational
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Successful
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Successful
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Successful
    '),navigator.clipboard.writeText('
    Successful
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Warning
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Warning
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Warning
    '),navigator.clipboard.writeText('
    Warning
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Adaptive Strong
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Adaptive Strong
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Adaptive Strong
    '),navigator.clipboard.writeText('
    Adaptive Strong
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Neutral Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Neutral Strong\n
    '),navigator.clipboard.writeText('
    \n Neutral Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Critical Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Critical Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Critical Strong\n
    '),navigator.clipboard.writeText('
    \n Critical Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Informational Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Informational Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Informational Strong\n
    '),navigator.clipboard.writeText('
    \n Informational Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Successful Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Successful Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Successful Strong\n
    '),navigator.clipboard.writeText('
    \n Successful Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Warning Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Warning Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Warning Strong\n
    '),navigator.clipboard.writeText('
    \n Warning Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Static
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Static
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Static
    '),navigator.clipboard.writeText('
    (Default) Static
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Interactive Link
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Interactive Link
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Interactive Link
    '),navigator.clipboard.writeText('
    Interactive Link
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Removeable\n Remove tag\n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Removeable\n Remove tag\n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Removeable\n Remove tag\n \n
    '),navigator.clipboard.writeText('
    \n Removeable\n Remove tag\n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Text
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Text
    '),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Icon
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Icon
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Icon
    '),navigator.clipboard.writeText('
    Icon
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Icon & Text
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Icon & Text
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Icon & Text
    '),navigator.clipboard.writeText('
    Icon & Text
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) No Overflow
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) No Overflow
    '),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    With Overflow (max-width)
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    With Overflow (max-width)
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    With Overflow (max-width)
    '),navigator.clipboard.writeText('
    With Overflow (max-width)
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Link\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Interactive Link\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Interactive Link\n
    '),navigator.clipboard.writeText('
    \n Interactive Link\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
      • \n
    • \n Tab 2\n
      • \n
    • \n Tab 3\n
      • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n functional\x3c!-- --\x3eFunctional\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n functional\x3c!-- --\x3eFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functional\x3c!-- --\x3eFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functional\x3c!-- --\x3eFunctional\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n expressive\x3c!-- --\x3eExpressive\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n expressive\x3c!-- --\x3eExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressive\x3c!-- --\x3eExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressive\x3c!-- --\x3eExpressive\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n active\x3c!-- --\x3eactive\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n active\x3c!-- --\x3eactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n active\x3c!-- --\x3eactive\n
    • '),navigator.clipboard.writeText('
  • \n active\x3c!-- --\x3eactive\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n active\x3c!-- --\x3edisabled\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n active\x3c!-- --\x3edisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n active\x3c!-- --\x3edisabled\n
    • '),navigator.clipboard.writeText('
  • \n active\x3c!-- --\x3edisabled\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n Width full\x3c!-- --\x3eWidth\n full\n
    • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n Width full\x3c!-- --\x3eWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width full\x3c!-- --\x3eWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width full\x3c!-- --\x3eWidth\n full\n
    • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},an=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ae=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) No validation\n'),navigator.clipboard.writeText('\n(Default) No validation\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '),navigator.clipboard.writeText('
    \n InvalidTODO: Add a validMessageInvalid Message\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInvalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInvalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInvalid\n'),navigator.clipboard.writeText('\nInvalid\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n ValidValid messageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n ValidValid messageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ValidValid messageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ValidValid messageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nValid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nValid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nValid\n'),navigator.clipboard.writeText('\nValid\n')},children:"Copy code"})]})]})})]})},aa=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},at=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ai=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ao=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Long label '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Long label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Long label '),navigator.clipboard.writeText(' Long label ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Long label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Long label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Long label\n'),navigator.clipboard.writeText('\n Long label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nLong label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nLong label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLong label\n'),navigator.clipboard.writeText('\nLong label\n')},children:"Copy code"})]})]})})})},al=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},as=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})})]})},ar=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ac=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ah=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},au=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) No validation\n'),navigator.clipboard.writeText('\n(Default) No validation\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInvalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInvalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInvalid\n'),navigator.clipboard.writeText('\nInvalid\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nValid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nValid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nValid\n'),navigator.clipboard.writeText('\nValid\n')},children:"Copy code"})]})]})})]})},ap=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ax=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ag=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})})]})},am=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},av=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},aD=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'